Question

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

如何忽略所有CSS元素？

我知道data-role="none"属性可行，但无法将其应用于我的所有元素。

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

Answer 1

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

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

以下是演示：http://jsfiddle.net/bBTtN/1/

请注意，在包含jQuery核心之后但在包含jQuery Mobile之前，您需要在适当的位置绑定到mobileinit事件。

例如：

<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会在visibility : hidden元素上设置<body>，因此您需要一个CSS规则来覆盖它：

body {
    visibility : visible !important;
}

Answer 2

不要包含他们的CSS。

如何忽略jquery mobile中的所有CSS元素

2 个答案: