1

私のサイトには 2 種類のポップアップ ウィンドウが必要です。最初の 1 つはデスクトップ バージョンのサイト用の通常のポップアップで、もう 1 つはサイトのモバイル バージョン用です。

問題は、モバイル バージョンのポップアップを表示したら jquery.mobile を有効にし、ポップアップを閉じたら jquery mobile を無効にすることは可能ですか?

(参考までに: 私はポップアップに iframe を使用していません)

必要に応じてjquery.mobileを有効にする奇妙な方法を見つけましたが、この場合、jquery.mobileを無効にすることはできません

$(document).bind("mobileinit", function(){
  $.mobile.autoInitializePage = false;  
});
setTimeout(function(){
  $.mobile.initializePage();// run jquery.mobile in 15 seconds for example
},15000);
4

1 に答える 1

0

jQuery MobileのCSSを変更して「フラグ」を追加し、特定のコンテナー内の要素にのみ適用されるようにすることができます。

次に、jQuery Mobile CSSルール宣言のサンプル(セレクターのみ)を示します。

.ui-li-has-arrow .ui-btn-inner a.ui-link-inherit

これを次のように変更した場合:

.my-custom-class .ui-li-has-arrow .ui-btn-inner a.ui-link-inherit

my-custom-classその場合、CSSは、クラスを持つ要素内の要素にのみ適用されます。つまり、ほとんどの場合、通常のスタイルのページを作成できますが、jQuery Mobileスタイルを使用する場合は、my-custom-class(またはクラスに名前を付けたいもの)を含むコンテナーにダイアログを表示するだけです。

于 2012-08-27T17:46:46.443 に答える