JQuery UIダイアログにIDを追加

Question

IDを特定のダイアログに追加するにはどうすればよいですか？

var $order_dialog = $("<%= escape_javascript(render('order_mini_site_form', :layout => false)) %>"); 

var current_dialog = $order_dialog.dialog({ 
    width: 515, 
    height: 575, 
    modal: true, 
    resizable: false, 
    draggable: false, 
    title: false, 
    autoOpen: true, 
    closeOnEscape: false, 
    buttons: [ 
    { text: "Отправить запрос" , click: function() { $(this).find('form').submit(); $(this).dialog('close'); } }, 
    { text: "Отмена", click: function() { $(this).dialog('close'); } } 
    ] 
}).parent().find('.ui-dialog-titlebar').remove(); 


$current_dialog.attr('id', 'awesome_dialog'); 

が、ダイアログIDなしでbodyタグ内に作成し、私はそれのためにスタイルを適用カント： は、私はちょうど各ダイアログのために別々のスタイルを適用し、このようにそれをやってみたいです。

Answer 1

あなたの目標が単にcssでこのIDを使用する場合は、代わりにcssクラスを使用してこれを達成できます。

dialogClassオプションを使用すると、ダイアログに適用されるクラスを指定できます。このクラスをセレクタで使用すると、特定のダイアログに異なるスタイルを適用できます。

Answer 2

例コードの問題は、idをダイアログ自体の代わりに.find('.ui-dialog-titlebar').remove()の結果に追加することです。以下はあなたのために働くはずです。

少し遅れ

var $order_dialog = $("<%= escape_javascript(render('order_mini_site_form', :layout => false)) %>"); 

var current_dialog = $order_dialog.dialog({ 
    width: 515, 
    height: 575, 
    modal: true, 
    resizable: false, 
    draggable: false, 
    id: "ololo", 
    title: false, 
    autoOpen: true, 
    closeOnEscape: false, 
    buttons: [ 
    { text: "Отправить запрос" , click: function() { $(this).find('form').submit();    $(this).dialog('close'); } }, 
    { text: "Отмена", click: function() { $(this).dialog('close'); } } 
    ] 
}) 

$current_dialog.parent().find('.ui-dialog-titlebar').remove(); 
$current_dialog.attr('id', 'awesome_dialog'); 

Answer 3

が、これはそれを行うことができる方法である：。

$('#placeholderId').dialog('widget').attr('id', 'dialogId'); 

$（ '＃のplaceholderId'）をダイアログ（ 'ウィジェット'）はあなたの周囲の<を与えますダイアログのdiv >。これは、IDを設定する要素である可能性が最も高いです。

Answer 4

私は投票された回答に同意しません（個人的な攻撃ではなく、「汚れたハック」の部分には同意しません）。彼は、jqueryダイアログボックスのIDオプションがないという事実は真ですが、IDが必要であるという結論に達すると、次のコードで十分です。私がツアーしているツアーガイドJSは、このようなIDが大変必要でした。

//ここで私はtempstepのIDを持っている[私が作成しています何等]動的に挿入されたコンテンツを宣言しています、これはjQueryのダイアログボックス

にIDを追加するには、以下の呼び出しで使用されます

コード：jQuery ('<div id="tempstep"></div>').dialog({

コード：jQuery('#tempstep').parent().attr("id","dialogBox");