jquery對話框第二次加載mvc partialview

Question

我有一個jquery對話框，其中我加載了兩個partialview，一個簡單的master/detail 當我回到master後保存細節，單擊按鈕不響應。

我張貼一些代碼：

MASTER

 $('#dialogActivities').dialog({ 
     autoOpen: false, 
     open: function (event, ui) { 
      var id = $(this).data('id'); 
      var urlList = '@Url.Action("ActivityList", "Contacts")'; 

      $(this).load(urlList, function() 
      { 
       $(".k-grid-ActivityEdit").bind("click", function() 
       { 
        var grid = $("#gridYear").data("kendoGrid"); 
        var selectedData = grid.dataItem(grid.select()); 
        if (selectedData) 
        { 
         var urlEdit = '@Url.Action("ActivityEdit", "Contacts")'; 
         $('#dialogActivities').dialog().load(urlEdit); 
        } 
       }); 
      }); 
     } 
    }); 

DETAIL

$(document).on('submit', '#frmActivityEdit', function() 
{ 
    $.ajax({ 
     cache: false, 
     url: this.action, 
     type: this.method, 
     data: $(this).serialize(), 
     success: function (result) 
     { 
      if (result.success) 
      { 
       var model = @Html.Raw(Json.Encode(Model)); 
       var urlList = '@Url.Action("ActivityList", "Contacts")'; 

       $('#dialogActivities').dialog().load(urlList); 
      } 
     } 
    }); 
    return false; 
}); 

Answer 1

請嘗試更換這段代碼：

$(".k-grid-ActivityEdit").bind("click", function() 
      { 
       var grid = $("#gridYear").data("kendoGrid"); 
       var selectedData = grid.dataItem(grid.select()); 
       if (selectedData) 
       { 
        var urlEdit = '@Url.Action("ActivityEdit", "Contacts")'; 
        $('#dialogActivities').dialog().load(urlEdit); 
       } 
      }); 

有了這一個：

$(document).on("click", ".k-grid-ActivityEdit", function() 
      { 
       var grid = $("#gridYear").data("kendoGrid"); 
       var selectedData = grid.dataItem(grid.select()); 
       if (selectedData) 
       { 
        var urlEdit = '@Url.Action("ActivityEdit", "Contacts")'; 
        $('#dialogActivities').dialog().load(urlEdit); 
       } 
      }); 

區別在於使用on函數進行綁定也適用於動態添加的元素。它可以解決你的問題。