javascript - 如何在动态包含div之后加载js .click

Question

我有一个 div，其内容通过 jquery .load 事件动态加载到其中。

例子：

<div data-role="content">
<!-- dinamic loaded content with .load-->
    <input type="button" id="hi" />
<!-- end of loaded content-->
</div>

我在标题上有一个 .js 加载的内容

$(function() { 
   $("#hi").click(function() {
       alert("hi");
  });
});  

由于加载js时div不存在，点击事件没有触发，解决方案是jquerymobile点击事件？我该怎么做才能解决这个问题？

谢谢

Answer 1

使用 jQuery .on()

$(document).on('click', '#hi', function(){
     alert('hi');
})

我选择document但它应该是最接近的非动态父级。