防止Ajax加载多次加载src

Question

我通过Ajax加载（下面的代码用于调用）将一堆LI加载到HTML页面中，这很好用，但是在加载LIs的HTML页面之后，它似乎又调用了相同的HTML源代码一次4次，一切都搞砸了......我做错了什么???

$.ajax({
cache: false,
url: 'slides.html',
success: function(data) {



         JWLoadInitialSlider();

         $(this).show();

         $(".sliderLoader").fadeOut(3000);

         setTimeout(function(){
         $(".carouselContentWrapper").css("height","auto");
         }, 2000);




}
});

有没有办法在加载并执行成功函数后终止此函数？

Answer 1

在ajax调用之外定义一个变量

var SlideLoaded = "no";

然后在ajax成功函数内执行此操作：

if(SlideLoaded=="no"){
  SlideLoaded = "yes";
  JWLoadInitialSlider();
}

那么，如果多次调用ajax调用，它又不会再次调用滑块。