android - 大页面中的 jQuery Mobile

Question

我正在将旧版应用程序转换为对移动设备友好并使用 jQuery Mobile。到目前为止一切顺利，直到我发现浏览器在加载时挂起的这个大页面（2MB）。如果我从页面中删除 jQuery Mobile 引用，它会毫无问题地加载。

所以我猜当它用 jQuery Mobile 样式重写 DOM 时它会挂起。但大多数控件 (80%) 是“display:none;” 在页面加载时；有没有办法让 jQuery Mobilize 仅在页面加载时可见的控件？

无论如何，这是一个设计糟糕的页面，现在不能重写为更小的页面；因为它会影响很多其他地方，而且截止日期太激进了。

请就如何处理这个问题提出您的想法。

Answer 1

利用：

data-role="none"

在我的其他ANSWER中找到更多相关信息，只需搜索“标记增强预防方法”一章即可。您还将找到活生生jsFiddle的例子。