jQuery的模態對話框按鈕關閉不正常工作

Question

$(function() { 
     $('#modalDlg2').live("click", function (event) { 
      event.preventDefault(); 
      loadDialog(event, "/User/Create"); 
     }); 
     function loadDialog(event, target) { 
      var $dialog = $('<div></div>'); 
      $dialog.empty(); 
      $dialog 
    .load(target) 
    .dialog({ 
    title:"Novo utilizador", 
     modal: true, 
     autoOpen: false, 
     width: 600, 
     show:'fade', 
     hide:'fade', 
     minHeight: 400, 
     resizable: false 
    }); 

    $dialog.dialog("option", "buttons", { 
      "Cancelar": function() { 
        $(this).dialog("close"); 
        $(this).empty(); 
       }   }); 
      $dialog.dialog('open'); 
     }    
    }) 

我有我的關閉按鈕的問題「Cancelar」它應該關閉模態對話框，然後清空，但似乎$（本）.dialog（ 「close」）不起作用，並且.empty（）會。
我已經看到了我的問題的解決方案everywere。任何人都可以幫助我嗎？

+0

對不起......我以前在div中添加了id ...但是它仍然會打開一個模式對話框並且不會關閉它... – Flavio

Answer 1

試試這個：

$dialog.dialog("option", "buttons", { 
    "Cancelar": function() { 
      $dialog.dialog("close"); 
      $(this).empty(); 
    } 
}); 
$dialog.dialog('open'); 

或

$dialog.dialog("option", "buttons", { 
    "Cancelar": $.proxy(function() { 
     $(this).dialog("close"); 
     $(this).empty(); 
    },this)   
}); 
$dialog.dialog('open'); 

Answer 2

我會嘗試把這個在回調函數爲負載：

$(function() { 
    $('#modalDlg2').on("click", function(event) { 
     event.preventDefault(); 
     loadDialog(event, "/User/Create"); 
    }); 

    function loadDialog(event, target) { 
     var $dialog = $('<div></div>'); 
     $dialog.empty(); 
     $dialog.load(target, function() { 
      $dialog.dialog({ 
       title: "Novo utilizador", 
       modal: true, 
       autoOpen: false, 
       width: 600, 
       show: 'fade', 
       hide: 'fade', 
       minHeight: 400, 
       resizable: false 
      }); 

      $dialog.dialog("option", "buttons", { 
       "Cancelar": function() { 
        $(this).dialog("close"); 
        $(this).empty(); 
       } 
      }); 
      $dialog.dialog('open'); 
     }); 
}); 

Answer 3

試試下面的代碼：

$dialog.dialog("option", "buttons", { "Cancelar": function() { $(this).remove(); } });