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

Question

点击事件不适用于动态添加的 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");
});

这是行不通的。我怎样才能让它发挥作用？

Answer 1

你在那里缺少一个引号，这导致浏览器误解了 ID:

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

您还必须确保在将元素注入(inject)正文后添加处理程序。如果该元素不在附近，则不会注册点击事件。