我的网站上有一个jCarouselLite插件。我正在从jquery.load函数加载li。我在垂直方向上循环旋转并具有一个功能,一旦第一个项目回到顶部就会触发。
此时,我想用另一个ajax.load刷新数据。这是我遇到问题的地方。重新加载数据后,轮播停止旋转(或者更确切地说,在后台运行)。
我尝试过的一个解决方案是尝试用另一个重新设置轮播:
$("#tableapp").jCarouselLite({})
线。这似乎导致两个旋转木马同时运行。然后是第三个,第四个,依此类推。
所以基本上我正在寻找一些方法来清除轮播,重新加载更新的数据,然后再次运行它。有什么想法吗?
$(document).ready(function () {
updateConsole() //Gets new data
scrollWindow() //Starts carousell
});
function updateConsole() {
$('#tableapp').load('AjaxPages/ApplicationMonitor.aspx #application');
}
function scrollwindow() {
$("#tableapp").jCarouselLite({
vertical: true,
hoverPause: true,
visible: 4,
auto: 6000,
speed: 500,
scroll: 4,
circular: true,
afterEnd: function (a) { ScrollEnd(a); }
});
};
function ScrollEnd(a) {
$('#tbDebug').val($('#tbDebug').val() + '\nScroll Ends');
if (**code that determines slide 1 is back on top**) {
updateConsoles();
scrollWindow(); //If this code is commented, the carousel stops cycling.
//If it isn't commented, two carousels start and things
//get buggy and eventually freezes.
}
}
我是javascript,jquery等新手。我也尝试过jCarousel(不是精简版),但是我无法使用垂直滚动。它似乎有点儿。
答案 0 :(得分:0)
这是一个不特别考虑的建议:
当您滚动结束时,。删除该div。 http://api.jquery.com/remove/ 然后重新创建它并将负载转储到其中。 Creating a div element in jQuery
这会欺骗它吗?