jQuery 属性等于选择器不适用于自定义属性

Question

您好，我正在尝试在 div 的单击事件上触发一些 jQuery。我试图通过 jQuery 的属性等于选择器来定位元素，但到目前为止我还没有运气。我过去曾多次使用此选择器，但从未使用自定义属性。自定义属性似乎不太可能对我使用此方法造成问题，但也许我错了。无论如何，这是我正在使用的代码：

$( "div[data-for='product-description']" ).live("click", function({
	alert("test click");
}));

<div class="m-pageEl ui-collapsible" data-for="product-description"><a href="#"><span class="ui-btn-txt">Description</span><span class="caret pull-right"></span></a></div>

我没有收到任何控制台错误，所以我不确定这里可能出现什么问题，但我的警报永远不会在点击时触发。我尝试过使用 .click 和 .live("click"... 如果有人有建议，将不胜感激！

Answer 1

jquery 代码应该如下所示，然后它将起作用...

$("div[data-for='product-description']").on("click",function() {
   alert("test click");
});