jquery无法从生成的内容触发函数
我试图删除通过输入文本并单击链接示例中的“添加另一个”链接生成的一个项目,但jquery不会从生成的内容触发。如果我将事件处理程序附加到另一个对象上,函数会触发,但不会从生成的链接触发,有没有办法解决这个问题?在下面的代码中;当用户单击带有类delLink的链接时,我希望该链接周围的div以及该div中的所有元素都被删除(擦除)jquery无法从生成的内容触发函数,jquery,Jquery,我试图删除通过输入文本并单击链接示例中的“添加另一个”链接生成的一个项目,但jquery不会从生成的内容触发。如果我将事件处理程序附加到另一个对象上,函数会触发,但不会从生成的链接触发,有没有办法解决这个问题?在下面的代码中;当用户单击带有类delLink的链接时,我希望该链接周围的div以及该div中的所有元素都被删除(擦除) 试试这个: $('.delLink').live('click', function(){ alert('ohoy'); $(this).closes
试试这个:
$('.delLink').live('click', function(){
alert('ohoy');
$(this).closest('div').remove();
});
由于您正在向DOM动态添加项,因此当前函数(在页面加载状态下)不适用于它们
为了解决这个问题,有了功能。这样可以确保可以处理DOM中当前和将来的选择器。尝试以下操作:
$('.delLink').live('click', function(){
alert('ohoy');
$(this).closest('div').remove();
});
由于您正在向DOM动态添加项,因此当前函数(在页面加载状态下)不适用于它们
为了解决这个问题,有了功能。这确保可以处理DOM中当前和将来的选择器。在执行脚本时绑定事件,而篮子实际上是空的
使用动态内容绑定此类事件的推荐方法是在父元素上使用on()和off()方法:
$('#basket').on('click', '.delLink', function(e) {
alert('ohoy');
$(this).closest('div').remove();
e.preventDefault();
return false;
});
在脚本执行时绑定事件,而篮子实际上是空的
使用动态内容绑定此类事件的推荐方法是在父元素上使用on()和off()方法:
$('#basket').on('click', '.delLink', function(e) {
alert('ohoy');
$(this).closest('div').remove();
e.preventDefault();
return false;
});
对于这种情况,您应该使用事件委派。这将允许您为尚不存在的元素添加事件处理程序
以上代码仅用于说明目的。您应该避免在主体、文档或窗口上添加委派事件侦听器。将它们添加到您的容器中。
对于这种情况,您应该使用事件委派。这将允许您为尚不存在的元素添加事件处理程序
以上代码仅用于说明目的。您应该避免在主体、文档或窗口上添加委派事件侦听器。将它们添加到您的容器中。Nice。。大多数人忘记了.live()确保将动态元素添加到DOM中,就是这样。但是因为“我会重新找到$(“#basket”)。在(“单击“,”.delLink),function(){
噢,哇,我没有注意到live上不推荐的标记。我会将我的旧代码转换为on():)。编辑:显然,.Nice..大多数人忘记了.live(),确保将动态元素添加到DOM中。就是这样。但是因为“”我会推荐$(“#basket”)。在(“click”、“.delLink”,function(){
Oh wow,我没有注意到live上不推荐的标记。将我的旧代码转换为on():)。编辑:显然,。用nrodic代码解决了它,thx!用nrodic代码解决了它,thx!