javascript - 属性名称作为选择器的问题

Question

在我的项目中，jQuery 没有选择“点击”元素。

这是我当前的代码：

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

我不知道如何解决它。

这是我要选择的元素：

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

Answer 1

也许它是一个动态元素，在 DOM 准备好后添加。在这种情况下，使用委托：

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

Answer 2

您的确切代码有效。

当您在外部文件中使用它时（如注释中所述），您的元素似乎在 document ready 上不存在，因此您需要向其添加委托事件（例如on）。

尝试这个：

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