javascript - セレクタとしての属性名に関する問題

Question

私のプロジェクトでは、jQuery は「クリックされた」要素を選択しません。

これが私の現在のコードです：

$(function() {
    $('[data-sample_attribute]').click(function() {
        alert("sample text");
    });
});

修正方法がわかりません。

選択しようとしている要素は次のとおりです。

<div class="test" data-sample_attribute="test"></div>

score 2 · Accepted Answer

DOM の準備ができた後に追加される動的要素かもしれません。この場合、委任を使用します。

    $(document).on('click','[data-sample_attribute]',function() {
        alert("sample text");
    });

score 1 · Accepted Answer

（コメントに記載されているように）外部ファイルで使用しているため、要素が document ready に存在しないように見えるため、委任されたイベント（などon）を追加する必要があります。

これを試して：

$('body').on("click", "[data-sample_attribute]", function() {
    alert("sample text");
});

2 に答える 2