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

我在使用jQuery图像滑块时遇到问题，该滑块仅在我第一次打开其页面时才起作用！我有一个主页，其中包括通过Ajax三个页面部分（主页，演示文稿和联系人），主页部分包含图像滑块！要移动页面，我使用另一个jQuery页面滑块，其中包含右侧部分并播放滑动动画以显示它！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"}); 
     }); 
    }); 
    }); 
});

谢谢。

来源

2014-01-09 YOo Slim

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

来源

2014-01-09 17:37:59 zozo

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

回答

相关问题