2012-04-04 60 views
12

我有,我不想风格在特定页面一个JQM应用程序。如何从造型页面停止JQM?

我到目前为止发现的所有内容都是data-role='none' - 但我不想将它应用于页面上的每个元素......如果关闭此页面,是否有办法关闭?

回答

15

您可以使用data-enhance="false"$.mobile.ignoreContentEnabled=true一起停止自动增强功能,jQuery Mobile的确实给伪页:

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.css" /> 
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> 
<script> 
$(document).on('mobileinit', function() { 
    $.mobile.ignoreContentEnabled = true; 
}); 
</script> 
<script src="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.js"></script> 

<div data-enhance="false" data-role="page"> 
    ... 
</div>​ 

你必须改变ignoreContentEnabled标志,因为它是CPU密集型的缘故为data-attribute搜索父元素,所以这是默认截止。

这里是一个演示:http://jsfiddle.net/ZtJyL/1/

4

正如我已经指出here,你也可以使用官方的,theme-less version of the CSS内置了专门允许自定义主题的设计。

根据我的经验,使用像data-enhance="false"data-role="none"这样的黑客常常会使用结构化,非专题的CSS来破解内容。

有了这个方法,你可以把所有jQuery Mobile的基本功能,你不必与黑客战斗和覆盖所有的时间,你会得到一个打火机CSS作为奖金。

+0

非常感谢哥们! – Skamielina 2015-08-24 12:26:21