2012-10-08 75 views
0

我一直在嘗試適應JQuery做我想做的事情,並花費數小時試圖找到答案後,向我的上級發出呼籲。我正在使用vticker創建一個連續滾動顯示。此信息每60至90秒更新一次,但可能會有所不同。所以我正在尋找兩件事之一:Jquery刷新內容的連續垂直文本滾動條

1)顯示AZ數據的第一次迭代,當Z開始在​​屏幕上滾動時,立即抓住AZ數據的下一次迭代,因此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> 

回答

0

我已經使用DataTables給無限滾動到我的表。另外它還爲您提供四個options以將數據加載到表中。關於「DataTables」的最好的事情是你可以使用jQueryUI進行主題化。

+0

謝謝,但我需要這個滾動無人值守 - 認爲一個垂直的MARQUEE標記 - 雖然我一定會記住這個另一個項目! –