我如何得到我的水平JavaScript程序垂直加載時停止

「閃爍」

我的網站是wordswithfriends.net我如何得到我的水平JavaScript程序垂直加載時停止

我下載了一個免費的新聞股票JavaScript程序。除了加載之外，它完美的工作，特別是在慢速連接時，所有的新聞股票項目將在短暫的瞬間以純HTML顯示。希望的行爲是顯示一個空白的新聞自動收報器，直到項目準備好滾動。源代碼是在這裏

http://www.wordswithfriends.net/mytourney/widgets/min.js
http://www.wordswithfriends.net/mytourney/widgets/scroller.js

2011-02-06 deltanovember

你可以嘗試添加這對你的CSS：

#ticker01 { 
    display:none; 
}

而且在腳本標籤的ul上面多了一個行：

$(function(){ 
    $("ul#ticker01").show(); 
    $("ul#ticker01").liScroll(); 
});

來源

2011-02-06 01:07:28

我試着添加代碼，但仍然得到相同的問題 – deltanovember 2011-02-06 01:32:51

@deltanovember當我現在加載頁面時，我曾經看到完整的`ul`，然後是滾動條，現在我什麼也看不到，然後是滾動條。這是現在你想要的嗎？ – 2011-02-06 01:36:33

試圖將類添加到所有的新聞項目和應用「顯示：無」的風格，以階級。您可能需要初始化文檔就緒事件中的第一個元素。這應該消除所有新聞項目的初始閃光。

來源

2011-02-06 01:06:16 rcravens

不幸的是，由於在你的問題中提供的信息疏，從scroller.js腳本包含新聞項div要滾動的源代碼有classtickercontainer。

我只能假設div與classtickercontainer內的新項目加載頁面上的一切，這div只加載後（當DOM就緒）做scroller.js腳本風格div，它的內容並開始播報。

我建議您最初設置的visibility或display風格tickercontainer到hidden或none無論是在HTML的head標籤內的style標籤，或在外部CSS文件，一旦scroller.js腳本初始化使用jQuery將visibility或display樣式設置爲visible或block。

如果這不是你正在尋找的，那麼請擴展你的問題，我會盡我所能來回答。

來源

2011-02-06 01:06:33

您接受了與我所說的完全相同的答案，但沒有解釋解決方案的工作原理。你接受的答案是代表我答案的代碼。如果不理解爲什麼解決方案有效，社區如何傾斜？ – 2011-12-02 22:45:28

不幸的是，由於在你的問題中提供的稀疏信息，並從scroller.js腳本的源代碼看到包含要滾動的新聞項目的div具有類tickercontainer。

我只能假設在帶有類tickercontainer的div中的新項目在頁面上加載了其他所有內容，只有在加載該div後（DOM準備就緒時）才執行scroller.js腳本樣式div這是內容，並開始股票。

來源

2012-11-02 12:13:14 abu

我如何得到我的水平JavaScript程序垂直加載時停止

回答

相關問題