Android jquerymobile在一个大页面中

我正在将一个遗留应用程序转换为移动友好型，并使用jQuery mobile。到目前为止一切都很好，直到我找到了这个大页面（2MB），在加载时浏览器挂起。如果我从页面中删除jQuery Mobile引用，它将毫无问题地加载

所以我猜当它使用jQuery Mobile样式重新编写DOM时，它会挂起。但大多数控件（80%）在页面加载时为“显示：无”；有没有办法让jQuery只调动页面加载时可见的控件

无论如何，这是一个设计糟糕的页面，现在不能重写为更小的页面；因为它会影响到很多其他地方，而且最后期限过于苛刻

请给出你对如何处理这个问题的想法

使用：

data-role="none"

---

在我的其他中找到更多关于此的信息，只需搜索标记增强预防方法一章。您还可以找到live

jsFiddle

示例。

您是否使用webView或android默认浏览器加载页面？这甚至在桌面上也会失败。加载需要很长时间。（要回答您的问题，它是Android（默认/chrome）和iPhone。有人知道为什么这个问题被否决吗？我尝试对包含其他控件的div使用data role=“none”？但没有成功。我这样做正确吗？data role=“none”将只在该元素上工作，所有子元素将保持不变。您需要将此应用于每个可能的元素。这不是一个好的解决方案，不幸的是，它是唯一一个可以更改jQM中单个元素的解决方案。所有其他解决方案都在整个页面级别或页眉/页脚/内容级别上工作。谢谢！还有一个问题；在后面的js代码如何（如果可能的话）手动放置JQM样式？（对于单击事件可能是）是的。我想为所有“display:none”控件放置数据角色“none”&然后，当这些控件变为“display:block”时，调用该js代码来放置JQM样式？您首先需要删除数据角色=“none”如果您只想设置内容div的样式，则需要在页面对象上使用：$（'#page id'）.trigger（'pagecreate'）；或$（'#page id'）.trigger（'create'）；请在我的答案中发布的链接中阅读有关此内容的更多信息。您还可以找到示例。