Question

$('.slideArrow').toggle(function (event) {
  //some code
}, function (event) {
    //some code
});

这适用于在页面加载时加载的内容。但是相同的功能对于使用ajax加载的内容不起作用。它只是不拦截点击。

我该怎么办？

在另一种情况下，我面临同样的问题（不是为了切换，对于点击）并按照这种方式对其进行排序。我不知道如何切换？

$('.common-parent').on('click','.target-of-click',function(){
//some code
})

Answer 1

标志方法：

var flag = false;

$(document).on('click', '.slideArrow', function(event) {
    if (flag) {
        // do one thing
    }else{
        // do another thing
    }
    flag = !flag;
});

数据方法

$(document).on('click', '.slideArrow', function(event) {
    if ( $(this).data('flag') ) {
        // do one thing
    }else{
        // do another thing
    }

    $(this).data('flag', !$(this).data('flag'));
});

toggle（）不适用于使用ajax加载的内容？

1 个答案: