2013-03-01 37 views
-1

我正在轉換一個遺留應用程序是移動友好的,並使用jQuery Mobile。到目前爲止這麼好,直到我發現這個大頁面(2MB),當瀏覽器加載時掛起。如果我從頁面中刪除了jQuery Mobile引用,它會加載沒有問題。在一個大的頁面jQuery Mobile

所以我猜它掛起時,它重新寫入與jQuery Mobile風格的DOM。但是大多數控制(80%)是「顯示:無;」在頁面加載時;有沒有辦法讓jQuery只調動頁面加載時可見的控件?

無論如何,這是一個設計不好的頁面,現在不能改寫爲具有較小尺寸的頁面;因爲它會影響很多其他地方,截止日期過於激進。

請給出你的想法如何處理這個。

+0

你使用webView或android默認瀏覽器來加載頁面嗎? – Darpan 2013-03-01 13:05:39

+0

這甚至在桌面上失敗。需要很長時間才能加載。 (回答你的問題,這是Android(默認/鉻)和iPhone – CH81 2013-03-01 13:07:26

+0

任何人都知道爲什麼這個問題被低估? – CH81 2013-05-03 17:46:31

回答

1

用途:

data-role="none" 

查找更多關於這個我在其他ANSWER,只需搜索章節標記增強預防的方法。你也會發現現場jsFiddle的例子。

+0

我試圖使用data-role =「none」到包含其他控件的div?但沒有工作,我是否正確地做到了這一點? – CH81 2013-03-01 20:26:01

+1

data-role =「none」只能在那個元素上工作,所有的子元素都會保持不變,你需要將它應用到每個可能的元素。它只是一個可以改變jQM中的單個元素的方法,所有其他的解決方案都可以在整個頁面級別上,或者在頁眉/頁腳/內容級別上工作 – Gajotres 2013-03-01 20:36:51

+0

謝謝合理!1更多的問題;在後面的js代碼中如何(如果可能的話)手動放置JQM樣式?(對於點擊事件可能是) – CH81 2013-03-01 20:51:36