2

我想在移动网页上使用我自己的 CSS，但也将 jQuery mobile 用于菜单幻灯片。

我怎样才能忽略他们所有的 CSS 元素？

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

我还尝试在 jQuery CSS 之后包含我的 CSS，但它没有用。

4

2 回答 2

2

您可以在事件处理程序中将autoInitializePage选项设置为，这样 jQuery Mobile 就不会自动初始化任何内容。然后，您可以通过调用其父元素来初始化单个小部件或一组小部件。falsemobileinit.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 Mobilevisibility : hidden在<body>元素上设置，因此您需要一个 CSS 规则来覆盖它：

body {
    visibility : visible !important;
}​
于 2012-09-07T15:55:36.503 回答
1

不要包括他们的CSS。

于 2012-09-07T13:32:25.420 回答