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