在附加的HTML上使用jQuery效果

Question

我的代码在这里。

// HTML Code
<div class="article"></div>

// jQuery
$('.article').append('<a href="" class="toggle">Toggle div</a>');

是否可以使用新创建的href链接并切换这样的div：

// jQuery
$('.toggle').click(function() { 
   $('.article').toggle('slow');
});

我已经尝试过以上没有运气了。 我只是被重定向到索引页面。

Answer 1

不要使用click() ：它已被弃用，即使它不是也不会工作。 使用on() ：

$('.toggle').on('click', function() { 
   $('.article').toggle('slow');
});

另外，将您a标签更改为<a href="javascript:void(0)" class="toggle">Toggle div</a> 。

---

至于on()工作原理和click()没有，你需要阅读jQuery的文档。 简而言之，click事件已绑定到页面上的元素; 此范围不包括添加到DOM的未来元素。 但是， On()是一个委托事件：

委托事件的优点是，它们可以处理来自稍后添加到文档的后代元素的事件。 通过选择在附加委托事件处理程序时保证存在的元素，您可以使用委派事件来避免频繁附加和删除事件处理程序的需要。