通過AJAX呈現的部分視圖中的更改複選框

Question

我有一個使用C＃MVC3和部分視圖開發的頁面。 分頁使用局部視圖和AJAX實施。生成的頁面將有每個記錄的複選框。這個想法是讓用戶選中他們想要打印的每條記錄旁邊的框。當他們點擊頁面上的打印按鈕時，只會打印選定的記錄。爲了做到這一點，我將所選記錄移動到佈局頁面中的<div>，並單擊打印按鈕時，我將這些複製的記錄用於打印。

I have one layaout page : _layout.cshtml  
        View : DetailedReport.cshtml 
      Partical View : `PVdetailedReport.cshtml` 

DetailedReport.cshtml和PVdetailedReport.cshtml是exaclty相同。

第一次（即第1頁）我正在使用DetailedReport.cshtml。對於其餘頁面，由於它們通過ajax調用呈現，因此我使用的是PVdetailedReport.cshtml。

選定元素的移動成<div>，當我檢查複選框，正常工作的第一頁，但是，從後續頁，其通過AJAX和局部視圖中呈現，所選擇的元件的移動是不工作。

這裏是一個選擇的元素搬進<div>

$(":checkbox").on('change', function() { 
     if ($(this).hasClass('containerToCopy')) { 

      if ($(this).is(':checked')) { 
       // If a listing is selected then move it to divToPrintContainer, which is buried inside _Layout.cshtml 
       $(this).closest('table').clone().appendTo("#divToPrintContainer"); 
       } else { 
       // If a listing is UNselected then remove it from divToPrintContainer 
       $('#divToPrintContainer').find("[id='" + "tbl-" + $(this).attr('id') + "']").remove(); 
      } 
    } 
}); 

Answer 1

試圖委派事件偵聽器

$(document).on('change', ":checkbox", function() { ... }); 

有關詳情，請訪問代碼：http://api.jquery.com/on/