Jquery 简单。单击未调用的函数?

Jquery 简单。单击未调用的函数?,jquery,hyperlink,click,Jquery,Hyperlink,Click,我有一个事件后生成的表。它在中包含此类链接: <a class="link-capacity" href="#" id="1234">Capacity</a> 此函数在生成表之前加载 当我点击我的链接时,这个函数永远不会被调用。我错过什么了吗?我可以在加载JQuery函数后创建类吗?您应该使用它 它帮助您为将来的元素附加处理程序当执行事件绑定代码时,您需要使用事件委托将事件绑定到DOM中不存在的元素 $(document).on("click", ".link-capa

我有一个事件后生成的表。它在
中包含此类链接:

<a class="link-capacity" href="#" id="1234">Capacity</a>
此函数在生成表之前加载

当我点击我的链接时,这个函数永远不会被调用。我错过什么了吗?我可以在加载JQuery函数后创建类吗?

您应该使用它


它帮助您为将来的元素附加处理程序

当执行事件绑定代码时,您需要使用事件委托将事件绑定到DOM中不存在的元素

$(document).on("click", ".link-capacity", function () {
    console.log("OK");
});
委派事件的优点是,它们可以从中处理事件 以后添加到文档中的子元素。通过 选择一个元素,该元素保证在 已附加委派事件处理程序,您可以使用委派事件 避免频繁附加和删除事件处理程序

$(document).on("click",".link-capacity",function(){
   //some operation
});
$(document).on("click", ".link-capacity", function () {
    console.log("OK");
});
 $(document).on("click", ".link-capacity", function (e) {
  e.preventDefault();// is used to prevent the default behavior of the link 
    console.log("OK");
 });