添加动态点击事件

Add dynamically onclick event

本文关键字:事件 动态 添加      更新时间:2023-09-26

早上好,在我的时区。

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

...
 <span id="x">
   <div>
     Text
   </div>
 </span>
<script>
 $(document).ready(function(){
   $("#x div").click(function(){"alert('Teste');"});
});
</scrip>

我想在跨度下动态添加一个 onclick 事件到div 中,但什么都没有发生。Chrome 中的控制台上没有错误。缺少什么?我是jquery的新手

此致敬意提前致谢

你的函数什么都不做。从 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>

将事件附加到动态 DOM 元素 使用。在你的方案中

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