如何在动态包含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，但它应该是最近的非动态父级。