如何忽略jQuery Mobile的

我想用我自己的CSS在移动网页上的所有CSS元素，而且还使用jQuery移动的菜单滑动。如何忽略jQuery Mobile的

我怎能无视他们所有的CSS元素？

我知道data-role="none"属性会的工作，但不能将其应用到我的所有元素。

我也试过，包括jQuery的CSS后，我的CSS，但没有奏效。

来源

2012-09-07 Constantino

将方便如果会有'$（*）.css（“*”，“none！important”）或者不包含样式表： – Nope

关于data-role属性，为什么不能应用它对所有元素？因为有很多元素或者因为你想排除一些元素？ – Nope

不包括他们的CSS。

来源

2012-09-07 13:32:25

它不会工作使用jQuery的移动，除非你包括他们的CSS .. – Constantino

@Constantino：你可以复制他们的CSS任何删除和你不想要的样式，并使用副本？ – Nope

试过了，但是并没有设法去解决它。我想 – Constantino

您可以在mobileinit事件处理函数中将autoInitializePage选项设置为false，以便jQuery Mobile不会自动初始化任何内容。然后，您可以通过在其父元素上调用.trigger("create")来初始化单个窗口小部件或一组窗口小部件。

文档：http://jquerymobile.com/demos/1.1.1/docs/api/globalconfig.html

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

请注意，您需要绑定到mobileinit事件在适当的位置，之后的jQuery核心已经被包括在内，但之前jQuery Mobile的已被列入。

例如：

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css" /> 
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> 
<script> 
$(document).on("mobileinit", function() { 
    $.mobile.autoInitializePage = false; 
}); 
</script> 
<script src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"></script>

还要注意，在默认情况下，jQuery Mobile的的<body>元素上设置visibility : hidden，所以你需要一个CSS规则来覆写：

body { 
    visibility : visible !important; 
}

来源

2012-09-07 15:55:36 Jasper

如何忽略jQuery Mobile的

回答

相关问题