javascript - jQuery slideUp 在加载了 slideDown 的 ajax div 中不起作用

Question

单击链接类后，加载的 Ajax 内容会向下滑动一个 div：

$(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 的调用范围不会回到层次结构中的那个点吗？

让我知道是否需要更多代码作为示例或输出。

Answer 1

似乎是通过 ajax 加载的，因此在调用该方法.closeUp时不存在。.click您需要改用事件委托。

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

.closeUp理想情况下选择比更接近的父母document。