我有一个通过髭JS模板在函数中生成的按钮。
{{#attributes}}
<a class="button--small btn" data-selector="{{selector}}">{{title}}</a>
{{/attributes}}
的示例输出是
<a class="button--small btn" data-selector=".news">More News</a>
但是，当我jquery单击此按钮时，我试图执行另一个功能，但是无论使用.click(function() { });还是.bind不起作用？甚至console.log没有打印，所以我没有进入正确的条件。
这是脚本：
function lazyload(selector) {
$("a[data-selector^='"+selector+"']").bind("click", function(e) {
e.preventDefault();
loadNews(selector);
});
}
$(document).ready(function(){
lazyload(".news"); // CALL FUNCTION READY FOR USAGE
});
对于新创建的元素，您需要委派事件：请参阅“直接事件和委派事件”部分。
function lazyload(selector) {
$(document).on("click", "a[data-selector^='"+selector+"']", function(e) {
e.preventDefault();
loadNews(selector);
});
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句