Jqueryダイアログウィンドウを手動で閉じる

Question

$('#id').dialog('close')コマンドを使用せずに、ボタンクリックでJquery Dialog windowを手動で閉じようとしています。

なぜなら、ダイアログウィンドウが開かれたときに私はajax呼び出しを行い、応答で.dialogは機能しなくなったからです。私の問題は、ウィンドウ自体とオーバーレイのdivを削除してダイアログウィンドウを手動で閉じることができましたが、何らかの理由でバックグラウンドフォームが無効のままであることです。

すべてが削除されているように見えますが、まだボタンやフォームフィールドをクリックすることができないので、私はいくつかの部分が欠けているのだろうかと思っています。 Jqueryがモーダルダイアログウィンドウでバックグラウンドを無効にするために使用する他の要素について知っていますか？

更新 私は何とか手動でオーバーレイして、ウィンドウを削除した後にページを更新するための努力ににHomeControllerからのビューを返してみました。ページはまだ無効になっていますが、私はまだその理由を知る必要があります。

Answer 1

Basedあなたの説明では、ajax呼び出しがjQueryUIダイアログの基になるdivを変更する何らかの方法でページを変更しているようです。 div（または他の要素）のdialogメソッドを呼び出した後、それは事実上jQueryUIに属し、.dialog("destroy")を呼び出すまでそれに触れてはいけません。

1. して呼び出し、DIV、およびjQueryUIはその周りに追加のマークアップは、div要素が変更されただけで前に、AJAX呼び出しまたは

2. の結果に触れていないことを確認してください：あなたは、どちらかでなければなりません$("#id).dialog("destroy");その後、ajax呼び出しがそれを完了した後で、ダイアログをもう一度作り直してください。

Answer 2

ボタン

$("#button").click(function() 
{ 
$("#id").dialog('close'); 
}); 

または

$(".selector").bind("dialogclose", function(event, ui) { 
    ... 
}); 

または多分私はあなたの質問を理解していない:)

Answer 3

、これは動作しませんどのようにわからないにクリック機能を割り当てます。

$("#modal").dialog({ 
     autoOpen : false, 
     modal : true 
    }); 

    // to open 
    $("#modal").dialog("open"); 

    // to close 
    $("#modal").dialog("close"); 

Answer 4

これを試してみてください：

window.parent.jQuery('#ModalDialog').dialog('destroy');