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

Question

Click事件不适用于动态添加的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;

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