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

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

如何忽略所有CSS元素？

我知道data-role="none"属性可以工作，但不能将它应用于我的所有元素。

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

Answer 1

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

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

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

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

例如：

另请注意，默认情况下，jQuery Mobile设置visibility : hidden在元素上，因此您需要一个CSS规则来覆盖：

 body { visibility : visible !important; }​ 

Answer 2

不要包括他们的CSS。