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

【问题标题】：jQuery image slider stops working after page sliding页面滑动后jQuery图像滑块停止工作
【发布时间】：2014-01-10 01:37:59
【问题描述】：

我在使用 jQuery 图像滑块时遇到了问题，该滑块仅在我第一次打开它的页面时才有效！我有一个主页，通过 Ajax 包括三个页面部分（主页、演示文稿和联系人），主页部分包含图像滑块！为了在页面中移动，我使用了另一个 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"});
      });
    });
  });
});

谢谢。

【问题讨论】：

标签： javascript jquery jquery-ui slider

【解决方案1】：

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

【讨论】：