-1

jQuery AJAX 経由で読み込まれる一連の画像があります。何らかの理由で、クリックしてもクリック ハンドラーがトリガーされません。

JavaScript:

$(document).ready(function()
{
    $('img.delete_related_sub').click(function()
    {
    alert('testing');
    });

    //I added this part to test, because the above wasn't working...
    $(document).click(function(event)
    {
    alert(event.target.tagName+' '+event.target.className);
    });
});

HTML:

<img data-rsid="2" class="delete_related_sub" src="image.png" />

したがって、2 回目のクリック ハンドラーは「IMG delete_related_sub」で警告します。しかし、最初のものはトリガーされません。実際には、ブートストラップタブによって実行されるペインに実際にあるテーブルにありますが、それが実際に役立つかどうかはわかりません。

4

4 に答える 4

3

このようにしてみてください

$(document).on('click', 'img.delete_related_sub', function() {
    alert('testing');
});

document画像の静的な親に置き換えるだけです。

于 2012-12-05T18:08:13.120 に答える
1

これを使って：

$("body").on('click', 'img.delete_related_sub', function() {
    alert('testing');
});

または、success:これを与えて：

$('img.delete_related_sub').click(function() {
    alert('testing');
});
于 2012-12-05T18:09:08.657 に答える
0

イベントをバインドする行は、要素が追加される前に実行されるため、使用してみてください

$(parent).on('click', 'img.delete_related_sub', function() {});

ここで、parent確かにそこにある静的要素です。これは、イベントが実際に存在する要素にバインドされ、セレクターと一致するかどうかを確認するために機能します。詳細については、を参照.on()してください。

何かのようなもの

$(document).on('click', 'img.delete_related_sub', function() {});

うまくいくでしょう。

于 2012-12-05T18:10:05.423 に答える
0 
$('.delete_related_sub').live("click", function()
{
    alert('testing');
});

ライブ イベントを使用してクリックを聞く

于 2012-12-05T18:23:49.650 に答える