2011-06-15 93 views
0

我有一個網頁,其中包含初始化代碼放在document.ready事件中的jquery插件。我的問題是,當頁面加載插件需要時間來應用,例如在頁面的頂部我使用一個插件的標籤和頁面的主體有一個圖像滑塊插件,也是一個插件,截斷文本在某些段落中,當我請求頁面並在瀏覽器中顯示時,會發生什麼情況,插件似乎不受限於元素,例如所有標籤容器都摺疊在彼此之下以及應該是水平滑動它們都是彼此頂部,並且應該被截斷的文本不是,並且一旦頁面完全加載完所有插件生效,我可以看到所有標籤容器跳起來正確顯示,並且文字突然被截斷。客戶抱怨這種頁面元素被摺疊然後組裝的行爲,它看起來非常難看。我不知道如何解決這個問題。關於jQuery插件在asp.net頁面的問題

任何人都可以幫助我嗎? 在此先感謝

Example of the collapsed tabs

Example of the collapsed image slider

+0

這是同類產品中文檔準備好了;)當文檔準備就緒時,它會設置插件! 您可以嘗試加載主文檔後加載內容ajaxly。 有沒有我們可以看的樣品? – Patricia 2011-06-15 17:30:05

+0

我添加了打印屏幕 – Yasmine 2011-06-20 12:18:51

+0

我覺得我在這個窗口偷窺:O – 2011-06-20 12:40:34

回答

1

可以將ui-tabs-hide類分配給你的標籤內容,以防止FOUC (Flash Of Unstyled Content)

添加必要的類來隱藏 活動標籤面板的HTML權 遠 - 注意,這不會與JavaScript作爲 禁用降級 優雅:

<div id="example" class="ui-tabs"> 
    ... 
    <div id="a-tab-panel" class="ui-tabs-hide"> </div> 
    ... 
</div> 
+0

感謝它的工作 – Yasmine 2011-06-20 21:31:10

+1

對不起,我忘了接受你的答案,當問題消失時,我被喜悅所淹沒:) – Yasmine 2011-06-21 08:59:39