0

ここにこのコードがあり、クラス名「cboxElement」を追加することになっています。

$(".wpcart_gallery a:first").addClass("cboxElement");

しかし、それは機能しません。

ヘッダーに適切なJqueryファイルがあり、これを囲んでいjQuery('document').ready(function($){......});ます。これは、addクラス呼び出しを除く他のすべてのJqueryで機能します。

これが私がクラスを追加しようとしているものです...

<div class="wpcart_gallery" style="text-align:center; padding-top:5px;">
<a class="thickbox" href="DSC_0037.jpg" rev="DSC_0037.jpg"></a>
</div>

なぜこれが機能しないのか誰かが知っていますか？jqueryは初めてです

これはワードプレスにもあるので、jQuery('document')

4

4 に答える 4

1

コード： 

$(document).ready(function() {
    $(".wpcart_gallery a:first").addClass("cboxElement");
}
于 2012-09-17T21:27:15.997 に答える
0

Zoltran がjsFiddleで指摘および実証したように、リストしたコードは少なくともいくつかの状況で機能します。.ready() の実行時に、クラスを追加する div 要素がまだ存在しない可能性はありますか? 次の行を追加することをお勧めします。

console.log("container:", $(".wpcart_gallery"), "link:", $(".wpcart_gallery a:first"));

.addClass() コードの後、デバッグ コンソール (例: Chrome の Web インスペクター) を表示します。要素または未定義が表示されますか? undefined が表示される場合は、.addClass() コードが動作する要素の準備が整う前にコードが実行されている可能性があります。要素を取得した場合、スタイル (またはコードの他の部分) が変更を上書き/取り消している可能性があります。

于 2012-09-17T21:22:04.487 に答える
0

セレクターが複数またはnullを返していると思います。同じセレクターを持つ他の要素が html にある可能性があります。Zoltan が示したように、うまくいくはずです。consol.log($(".wpcart_gallery a:first")); に出力してみてください。firefox または chrome で、firebug を使用してデバッグすると、問題の場所がわかります。

于 2012-09-17T21:22:08.073 に答える
0

この仲間を試してみてください.....

jQuery('document').ready(function($){

  jQuery(".wpcart_gallery a:first").addClass('cboxElement');

});
于 2012-09-20T05:22:16.233 に答える