10

jQuery モバイルを使用しており、ページの読み込み時に jQuery ポップを表示しようとしています。ただし、ページが読み込まれると、ポップアップが中央に表示されず、代わりにポップアップの左上隅が中央に表示されます。

ただし、ブラウザー ウィンドウのサイズが変更されるとすぐに、ポップアップが自動的に中央に移動します (開発者ツールで F12 を押しても)。そして、 $('#popupBasic').popup("open"); へのすべての頻繁な呼び出し。画面の中央に表示されるようにします。

しかし、ポップアップボックスの左上隅が初めて中央に表示されます。

4

6 に答える 6

11

pageshow でポップアップの位置を変更してみてください:

$( '#popupLogin' ).popup( 'reposition', 'positionTo: window' );

あなたが経験していることは、ページがブラウザーによって完全に描画される前に発生する配置にあると思います。次のようにポップアップを再配置することで、これを克服できます。

$(document).on('pageshow', '.selector', function(){
  $('#popupBasic').popup('reposition', 'positionTo: window');
});
于 2013-05-05T09:42:52.410 に答える
1

同じエラーが発生していました。ページが描画された後にのみポップアップを表示したい。

pageinit イベントの代わりに pageshow イベントをリッスンするコードを追加すると、問題が解決する可能性があります。それは私のためにそれを修正しました。

于 2013-03-12T05:09:17.763 に答える
0

これは非常に漠然とした質問です。

あなたが提供する必要があるいくつかのアイテム：

  • テストしているブラウザとバージョンは?
  • JQMのバージョンは？
  • JQM と対話するカスタム CSS はありますか?

JQM 1.2 以降、利用可能なポップアップ オプション:

デフォルト: 「原点」

ポップアップが中央に配置される相対的な要素を設定します。次の値があります。

"origin" ポップアップが開いたら、open() 呼び出しに渡された座標を中心にします (メソッドのページを参照)。

"window" ポップアップが開いたら、ウィンドウの中央に配置します。

jQuery セレクター ポップアップが開いたら、セレクターに基づいて jQuery オブジェクトを作成し、それを中央に配置します。セレクターは、「:visible」で表示される要素に対してフィルター処理されます。結果が空の場合、ポップアップはウィンドウの中央に配置されます。

ソース

于 2012-12-05T19:40:08.683 に答える