javascript - toggle() 不适用于使用 ajax 加载的内容？

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'));
});