5

ページ内のいくつかのドロップダウン リストに動的にスタイルを適用しようとしています。jQuery addClass を使用すると、実際にすべての「選択」要素にクラスが追加されます。これは、Chrome コンソールから確認できます。ただし、スタイルは要素に適用されません。

各選択要素に個別にクラスを手動で追加し、ページを保存して更新すると、スタイルが要素に適用されます。

スタイリングがjqueryクラスインジェクションで適用されない理由は何ですか?

$("select").addClass("select js-select");
4

4 に答える 4

2

この例は機能します：

<p><a href="#" id="clicker">Add Class</a></p>
<div id="select">Hello World</div>

javascript

$("#clicker").click(function () {

    $("#select").addClass("select js-select");
});

コードを見ると、$（ "select"）にはIDまたはクラスセレクターが含まれている必要があるようです。これらのセレクターの1つを使用することで、コードはスタイルを適用するターゲットを認識します。それ以外の場合、コードは正常に機能します。

幸運を祈ります。これがお役に立てば幸いです。

于 2012-07-30T20:14:03.900 に答える
2

スタイルが適用されていないとおっしゃっていましたが、選択入力に「select js-select」クラスが追加されていますか? 次に、css またはブラウザに何らかの問題があるはずです。

$("select").addClass(..) が機能するはずです。ID またはクラスで指定する必要はありません。

于 2012-07-30T20:33:50.493 に答える
0

onDomReady を onLoad に変更すると正常に動作します。http://jsfiddle.net/gc3wQ/9/のように

于 2012-07-30T20:47:28.110 に答える