点击事件不适用于动态添加的李->span->id

Click event not working for dynamically added Li->span->id

本文关键字：gt id span- 事件 不适用 适用于 添加 动态      更新时间：2023-09-26

点击事件不适用于动态添加的Li->span->id

    case"101" :   strLink = "<li style='cursor:pointer'><a data-scroll><span id=div101'>Form 101</span></a></li>"; $('.sidebar-nav').append(strLink); break;
---------------
$(".sidebar-nav").on("click", "#div101", function ()
{
      console.log("Clicked on div101");
});

这不起作用。我怎样才能让它工作？

您在其中缺少一个引号，这导致浏览器误解ID:

case"101" :   strLink = "<li style='cursor:pointer'><a data-scroll><span id='div101'>Form 101</span></a></li>"; $('.sidebar-nav').append(strLink); break;

您还必须确保在元素注入到主体中之后添加处理程序。如果元素不在，它将不会注册click事件。

相关文章：