jQuery slideUp在已加載slideDown的ajax div中不起作用

Question

單擊鏈接類后，div會隨着加載的Ajax內容向下滑動：

$(document).ready(function(){
$.ajaxSetup({cache:false});
$(".read a").click(function(){
    var post_id = $(this).attr("rel");

    $("#fold-above").slideDown(500);        
    $("#fold-above").load("<?php echo get_site_url(); ?>/ajaxpost/",{id:post_id});
    return false;
});
});

在已加載的Ajax內容中，有一個鏈接應將父div備份回去：

$(document).ready(function(){
$(".closeUp").click(function (event){   
    $('#fold-above').slideToggle();
});
});

我認為正在發生的事情可能是存在嵌套問題，也許是與Ajax有關？

調用＃fold-above（包含要單擊的div以便將其向上滑動並回到層次結構中的該點）所包含的范圍，是不是？

讓我知道是否需要更多代碼作為示例或輸出。

Answer 1

看來.closeUp是通過ajax加載的，因此在調用.click方法時不存在。 您需要使用事件委托。

$(document).on('click', '.closeUp', function () {
    $('#fold-above').slideToggle();
});

理想情況下，選擇比document更接近.closeUp的父.closeUp 。