jquery - jqueryダイアログの右上隅にあるスタイリッシュなjqueryダイアログのタイトル

Question

jQueryダイアログを作成する方法をよく知っています。さらに、ダイアログからタイトルと右側の閉じる画像を削除することもできます。

しかし、タイトルをダイアログの右上隅に別の DIV (スタイリッシュなコーナー) に表示する必要があります。

これは可能ですか、以下は私の要件のスケッチです。ありがとう、

Answer 1

もちろんできます。たくさんのcssで遊ぶ必要があります。

最も簡単な方法は、ui-dialog-titlebar 内にあるスパンを見つけて移動することです。ui-dialog-titlebar も調整する必要があります。

ダイアログのタイトル バーを変更する方法については、こちらを参照してください。基本的に、最も簡単な方法は、ダイアログを作成するときに、クラスをタイトルバーに追加することです。そうすれば、タイトルバーの div とそれに含まれるスパンをタイトルバーのテキストとともに個別に変更できます。私はあなたの実際のコードを知らないので、明らかに私が与えた css 値を微調整する必要がありますが、最終的には次のようになります:

$('#dlg').dialog({/*options*/}).parent().find("div.ui-dialog-titlebar").addClass('myClassname');
$('.myClassname span').css({position: "absolute", left: "300px", top: "-10px", background: "red"});
$('.myClassname').css("height", "50px");