私が取り組んでいる Web サイトでは、jQuery selectbox プラグインを使用していますが、そのうちの 1 つをコンテンツに合わせてサイズ変更しています (120px から 200px に)。
ただし、Mac で Safari を使用している場合は CSS が機能しないため、jQuery を使用してこれをオーバーライドしようとしましたが、これも機能しません。jQuery は、要素の検査オプションを使用するまで DOM 内の要素を認識しません。これにより、テスト機能が役に立たなくなります。
他の誰かがこの問題を経験し、修正を見つけましたか?
ありがとう。
コード:
$(document).ready(function() {
$("select").selectbox("attach");
$("#playerScroll, .playerScroll").scrollbars();
$("#playerScroll, .playerScroll").mousewheel(function(event,delta){});
$("#playerTransfers .filter li:nth-child(4) .sbHolder").css('width','200px');
});
CSS:
#playerTransfers .filter li:nth-child(4) .sbOptions,
#playerTransfers .filter li:nth-child(4) .sbHolder,
#playerTransfers2 .filter li:nth-child(4) .sbHolder,
#playerTransfers2 .filter li:nth-child(4) .sbOptions,
#playerTransfer .filter li:nth-child(4) .sbSelector{
width: 200px !important;
}