2


1

ロード後にjqueryダイアログボックスの位置を変更する

画像が読み込まれ、画像のサイズが自動的に変更されるjqueryダイアログボックスがあります。 これが私が欲しいものです。 ただし、ボックスは中央の位置でレンダリングされますが、画像はまだ完全にはロードされていないため、画像の取得に遅延があります。 そのため、画像がダイアログボックスに読み込まれると、左上隅が中央に配置されますが、右下全体がさらに下に伸び、右側が斜めに傾斜します。 これは、ボックスがレンダリングされ、画像のために変更されるためです。 画像を読み込んだ後、このボックスを中央に配置するにはどうすればよいですか?

3 Answer


4


画像が完全に読み込まれたら、位置を設定しようとしましたか?

$( ".selector" ).dialog( "option", "position", 'center' );


1


あなたがすべきことは、最初に画像をロードし、画像がロードされたらダイアログを開き、http://api.jquery.com/load-event/ [load event]を使用してダイアログをいつ開くかを決定します


0


ここでの本当の問題は、ダイアログボックスがposition:fixedであると思います。 ダイアログボックスの余白サイズによっては、ダイアログボックスに画像全体を表示するのに十分なスペースがない場合があります。

それでも、これは単なる憶測です。 実際のサイトを表示できない場合は、http://jsfiddle.net/に例を示してください。