jquery - 将两个脚本合并为一个

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() 的事件委托(delegate)

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

这是从 document 为所有当前和 future .togglestuff 元素委派一个事件处理程序

更新

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

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