2

モバイル Web ページで独自の CSS を使用したいのですが、メニュー スライドには jQuery モバイルも使用したいと考えています。

すべての CSS 要素を無視するにはどうすればよいですか?

data-role="none"属性が機能することはわかっていますが、すべての要素に適用することはできません。

また、jQuery CSS の後に CSS を含めようとしましたが、うまくいきませんでした。

4

2 に答える 2

2

jQuery Mobile が自動的に何も初期化しないように、イベント ハンドラーでautoInitializePageオプションを設定できます。次に、親要素を呼び出して、単一のウィジェットまたはウィジェットのセットを初期化できます。falsemobileinit.trigger("create")

ドキュメント: http://jquerymobile.com/demos/1.1.1/docs/api/globalconfig.html

ここにデモがあります：http://jsfiddle.net/bBTtN/1/

mobileinitjQueryコアが含まれた後、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 は要素に設定visibility : hiddenされる<body>ため、それを上書きするには CSS ルールが必要になることに注意してください。

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

CSS を含めないでください。

于 2012-09-07T13:32:25.420 に答える