当通过AJAX刷新DIV内容时，jQuery Slider无法正常工作

我有一个奇怪的问题，我无法到达底部。当通过AJAX刷新DIV内容时，jQuery Slider无法正常工作

我在我的页面在这里的体更新一个div： http://www.brianrhea.com/newportfolio.php

（点击缩略图之一）

更新工作正常，但jQuery的滑块在目标页面不工作。我在Firefox Web Developer Toolbar中查看生成的源代码，代码似乎是正确的，但是可能需要执行某种类型的刷新？

任何帮助将不胜感激。

2011-01-09 brianrhea

您需要重新初始化的AJAX加载内容滑块。我注意到您在里面$(document).ready()如下：

$(document).ready(function(){ 
    $("#slider").easySlider({ 
    auto: false, 
    continuous: true, 
    speed: 1, 
    numeric: true 
    }); 
});

你需要的easySlider初始化代码添加到您的loadpage功能。这是因为将内容加载到页面中将不会触发$(document).ready()。由于您使用AJAX替换滑动元素，因此您需要重新初始化滑块。

此外，我注意到你没有使用jQuery的$.ajax和load()函数做AJAX。当您加载威盛AJAX网页的部分内容时，这会让您的生活更轻松。

来源

2011-01-09 21:04:30

安德鲁，我的load（）弄乱左右，但就是不能让它的功能。好的，我相信我明白你在做什么，所以我会用这个建议。谢谢！ – brianrhea 2011-01-09 21:20:58

嘿，你打电话ajaxpage功能，不带任何参数：

$(document).ready(function() { 
    ajaxpage(); 
    });

和你定义它有两个：ajaxpage(url, containerid) URL和数据筒和错误显示：

bustcacheparameter=(url.indexOf("?")!=-1)? "&"+new Date().getTime() : "?"+new Date().getTime()

由于某种原因，您是否需要在开始时调用它？

当您将内容加载到folioWrap时，滑块适用于目标页面，左箭头和右箭头正在工作，您始终指向目标页面上的同一文件（当新内容加载时）对这些图片的点击是调用同一个页面，没有什么是从用户的角度来看，但在Firebug的控制台基本上发生的事情，我可以看到Ajax调用：

GET http://www.brianrhea.com/web-scwd.html?1294607162197 
GET http://www.brianrhea.com/web-scwd.html?1294607169235 
GET http://www.brianrhea.com/web-scwd.html?1294607170578 
GET http://www.brianrhea.com/web-scwd.html?1294607171257

有没有必要“重启”的/重新初始化这个插件，因为我看到你没有改变它的内容。

干杯

来源

2011-01-09 21:11:57

当通过AJAX刷新DIV内容时，jQuery Slider无法正常工作

回答

相关问题