簡體   English   中英

toggle()對加載了ajax的內容不起作用?

[英]toggle() not working for content loaded with ajax?

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

這對於加載頁面加載的內容效果很好,但是相同的功能不適用於使用ajax加載的內容,只是不會攔截點擊。

我該怎么辦?

在另一種情況下,我遇到了相同的問題(不是用於切換,用於單擊),並且以這種方式進行了排序。我不知道該如何處理切換?

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

標志方法:

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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM