Question

我遇到了一个jQuery图像滑块的麻烦，它只在我第一次打开它的页面时才有效！我有一个主页面，包括通过Ajax三页部分（Home，Presentation和Contact），home部分包含图像滑块！要浏览页面，我使用另一个jQuery页面滑块，其中包含右侧部分并播放滑动动画以显示它！

所以当我从主页到演示页面，然后回到家...图像滑块不再工作，有时甚至不出现！

这是什么意思？如何在页面滑块完成转换后确保脚本重新加载，因为我认为问题来自于它？

$(document).ready(function() {
  $('#slides').slidesjs({
    width: 700,
    height: 300,
    play: {
      active: false,
      auto: true,
      interval: 3000,
      swap: true
    }
  });

  $(".menuButton").click(function() {
    var page = $(this).attr("id");
    var cont = $("#container");
    var cont1 = $("#container1");

    cont1.load("parts/"+page+".html", function() {
      cont.hide("slide", {direction:"right"}, function() {
        cont1.show("slide", {direction:"left"});
      });
    });
  });
});

谢谢。

Answer 1

如果脚本包含在ajax加载的部分中，它将不会运行（默认情况下不运行ajax加载的脚本）。所以基本上，在成功事件之后，只需从脚本中调用函数。

页面滑动后jQuery图像滑块停止工作

1 个答案: