Jquery连续垂直文本滚动条刷新内容

时间:2012-10-08 06:30:27

标签: jquery refresh scroller vticker

我一直在努力让JQuery适应我想做的事情,在花了好几个小时试图找到答案之后,我对我的好人很有吸引力。我正在使用vticker来创建一个连续滚动的显示。此信息每60至90秒更新一次,但长度可能不同。所以我正在寻找两件事之一:

1)显示A-Z数据的第一次迭代,当Z开始在​​屏幕上滚动时,立即抓取A-Z数据的下一次迭代,因此A的迭代#2立即跟随Z的迭代#1。

2)只需在定时间隔后重新加载下一次数据迭代,但在上一次迭代完成之前不会显示它。

我非常擅长PHP,所以我可以从PHP脚本返回数据,也可以从PHP脚本创建的静态HTML文件中获取数据。

更新:

这是我的代码。它主要起作用 - 除非我们在列表中间,它将在现场刷新这些条目。例如,假设我的列表是A-Z,但屏幕上只有F-N。当刷新时,它会更新屏幕上的F-N,而不是等到W-X-Y-Z从底部向上移动。

代码:

<script>
$(function(){
    var $scroller = $("#scroller");
    $scroller.vTicker('init', {height: 350, showItems: 2, speed: 600, pause: 0, mousePause: false });
    $("#scroller").load("stand1.php"); // /Main_Page #jq-p-Getting-Started li");

    $(document).ready(function() {
$.ajaxSetup({ cache: false }); // This part addresses an IE bug.  without it, IE will only load the first number and will never refresh
setInterval(function() {
$('#scroller').load('stand1.php');
}, 30000); // the "3000" here refers to the time to refresh the div.  it is in milliseconds. 
}); 


});
</script>

1 个答案:

答案 0 :(得分:0)

我使用DataTables为表格提供无限滚动。它还为您提供了四个options来将数据加载到表中。关于“DataTables”的最好的事情是你可以使用jQueryUI来主题化它。