2

ここに、アラートを送信する必要があるこのコードがあります...

jQuery(".wpcart_gallery .thickbox").click(function($){
            alert('hi');
        });

しかし、それは機能しません:(エラーはなく、アラートは表示されません。ヘッダーに正しいJQuery.jsファイルがあります...構文に何か問題がありますか?

ここにHTMLコードがあります

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

wpcart_gallery 内のリンクの 1 つがクリックされたときにクリック イベントを発生させようとしています。

ここにページがあります。3 つの画像がある大きな画像を吹き飛ばします。これらの画像のいずれかがクリックされた場合にトリガーするクリック イベントを探しています... http://www.taranmarlowjewelry.com/?wpsc-product=product-1 -2

4

3 に答える 3

3

問題を修正しました

jQuery(".wpcart_gallery img").click(function($){
            alert('hi');
        });
于 2012-09-17T20:45:40.223 に答える
2

無効な HTML を使用している可能性があります。次のいずれにも終了タグはありません。

<a class="thickbox cboxElement" href="DSC_0037.jpg" rev="DSC_0037.jpg">
<a class="thickbox cboxElement" href="DSC_0036.jpg"  rev="DSC_0036.jpg">
<a class="thickbox cboxElement" href="DSC_0118.jpg" rev="DSC_0118.jpg">

もし私がjQueryだったら、私は混乱するでしょう。

終了タグを追加すると正常に動作します: http://jsfiddle.net/GtgEy/

于 2012-09-17T20:33:37.630 に答える
0

委任されたバインディングを使用する必要がある可能性があります。

jQuery(window).on('click', ".wpcart_gallery .thickbox", function(ev){
    alert('hi');

    ev.preventDefault();
});

window可能であれば、他の親要素に置き換えることができます。与えられた:

<div id="test">
    <a href="#">Link 1</a>
    <a href="#">Link 2</a>
    <a href="#">Link 3</a>
    <a href="#">Link 4</a>
</div>

あなたができる：

jQuery("#test").on('click', 'a', function(ev) {
    alert('hi');

    ev.preventDefault();
});
于 2012-09-17T20:33:06.413 に答える