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 但它应该是最接近的非动态父级。