銷燬對話框裏面坐着一個局部視圖裏面的對話框？

Question

我調用了一個局部視圖並將其加載到一個對話框中。調用局部視圖鏈接看起來是這樣的：

<div id="instructorSidebarDiv"> 
    @Html.ActionLink("My Schedule", "GetSchedule","Schedule", new { tester = 3 }, new { @class = "modal" }) 

</div > 

加載包含局部視圖對話框中的腳本是這樣的：

 $(function() { 
     $('#my-dialog').dialog({ 
      autoOpen: false, 
      width: 700, 
      height: 600, 
      title: "Schedule", 
      resizable: false, 
      modal: false, 
      buttons: { 
       "Close Me": function() { 
        $(this).dialog("close"); 
       } 
      } 
     }); 

     $('.modal').click(function() { 
      $('#my-doialog').load(this.href, function() { 
       $(this).dialog('open'); 
      }); 
      return false; 
     }); 
    }); 

「我的-對話」是一個div標記在加載對話框的頁面底部。一切正常，除非我不能用按鈕關閉對話框。我嘗試添加剃鬚刀按鈕並調用click功能來關閉它們，但沒有任何反應。

我的想法是，點擊功能的對話框中加載後，當超出範圍。

我可以通過點擊對話框的菜單欄上的X，但不是在底部通常關閉按鈕關閉對話框。 如何從該對話框裏面坐着一個局部視圖內銷燬對話框？

Answer 1

嘗試改變，這一點：

$(this).dialog("close"); 

要：

$('#my-dialog').dialog("close");