c# - AJAX でレンダリングされた部分ビューで変更のチェックボックスが機能しない

Question

C# MVC3 と部分ビューを使用して開発されたページがあります。ページネーションは、部分ビューとAJAXを使用して実装されます。生成されたページには、各レコードのチェック ボックスがあります。アイデアは、ユーザーが印刷したい各レコードの横にあるボックスをチェックできるようにすることです。ページ上にある [印刷] ボタンをクリックすると、選択したレコードのみが印刷されます。これを達成するために、選択したレコードを<div>レイアウト ページにある に移動し、印刷ボタンをクリックすると、コピーしたレコードを印刷に使用します。

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

DetailedReport.cshtmlとPVdetailedReport.cshtmlまったく同じです。

初めて (つまり、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();
            }
    }
});