如何忽略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的

回答

相關問題