Jquery切换远程加载内容

Question

使用此功能,我打开一个图层并用远程内容填充它.这种切换情况的问题在于,在第二次单击(关闭)时,它再次加载远程内容.我怎么能防止这种情况？

 $("#slideopen").click(function () {
    $(".slide").load("/v3/ajax/timeline.php?id=<?php echo $cam_id; ?>");    
    $('.slide').slideToggle("slow");
  });

Answer 1

您可以使用data()方法让slide元素"记住"它已经被加载:

$("#slideopen").click(function () {
    var slide = $(".slide");
    if (!slide.data("loaded")) {
        slide.load("/v3/ajax/timeline.php?id=<?php echo $cam_id; ?>");
        slide.data("loaded", true);
    }
    slide.slideToggle("slow");
});