Question

我有这两个脚本;第一个工作在页面加载和第二个在ajax调用之后，如何将它们组合成一个？

<script>
$('.togglestuff').click(function() {
    $('.views-table').toggle('slow');
});
</script>
<script>
$(document).ajaxComplete(function(){
    $('.togglestuff').click(function() {
        $('.views-table').toggle('slow');
    });
})
</script>

Answer 1

将事件委派与on()

一起使用

$(document).on('click', '.togglestuff', function() {
    $('.views-table').toggle('slow');
});

这是为所有当前和未来 document元素委派.togglestuff的事件处理程序

<强>更新

如果您使用的是不支持on()的较旧的jQuery版本，则解决方法将是

$(document).click(function(e){
   if(e.target.className == 'togglestuff'){
       $('.views-table').toggle('slow');
   }
});

将两个脚本合并为一个

1 个答案: