Jquery切换远程加载内容

Question

使用此功能，我打开一个图层并用远程内容填充它。这种切换情况的问题在于，在第二次单击（关闭）时，它再次加载远程内容。我该如何防止这种情况？

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

Answer 1

您可以使用data()方法让幻灯片元素“记住”它已经加载：

$("#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");
});