动态添加onclick事件

Question

我的时区早上好。

我在页面中有以下html结构：

...
 <span id="x">
   <div>
     Text
   </div>
 </span>

<script>
 $(document).ready(function(){
   $("#x div").click(function(){"alert('Teste');"});

});

</scrip>

我想动态添加一个onclick事件到span下的div， 但没有任何事情发生。在chrome中控制台上没有错误。 缺少什么？我是jquery的新手

祝你好运 提前致谢

Answer 1

你的功能什么也没做。从"左右移除alert()。

 $(document).ready(function() {
   $("#x div").click(function() {
     alert('Teste');
   });
 });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="x">
  <div>
    Text
  </div>
</div>

Answer 2

要将事件附加到动态DOM元素，请使用on。在你的场景中

$(document).on('click', '#x div:first', function(e){
   alert('test');
});