jQueryがajaxの後に動作しないcall.asp .net mvc3（Razor）

Question

私はajaxを使用して部分的なビューを取得するためにポストバックを実行しています。次のコードは、 'DivSearchGrid' 。

<script type ="text/javascript" > 
     $('#Retrieve').click(function() { 
      $('form').get(0).setAttribute('action', 'Search'); 
      //      $('form').submit(); 
      var formSubmit = $('form'); 
      var datTab; 
      $.ajax({ 
       url: "/AuthorityGrid/Search", 
       type: "POST", 
       data: formSubmit.serialize(), 
       success: function (data) { 
        datTab = data; 
       }, 
       complete: function() { 
        $('#DivSearchGrid').html(datTab); 

       } 

      }) 
      return false; 
     }); 
    </script> 

コントローラ内のアクションメソッドは、新しい値のグリッドを返します。私の問題は、ajx呼び出しが完了した後、私のページ内の他のjqueryイベントが機能しなくなることです。いくつかのイベントのコードは次のとおりです。

<script type="text/javascript"> 

     $(function() { 
      //$('th[scope|="col"]').resizable(); 
      $("#resultGrid > tbody").selectable({ 
       selected: function (event, ui) { 
        if (ui.selected.cells != null) { 
         var strAmount = ui.selected.cells(6).innerText; 
         var Amount = strAmount.replace(/,/gi, ""); 
         var keyValue = "AuthorityLevel1=" + ui.selected.cells(11).innerText + ",AuthorityLevel2=" + ui.selected.cells(12).innerText + ",TcmAccount=" + ui.selected.cells(2).innerText + ",TcmType=" + ui.selected.cells(10).innerText + ",Rating=" + ui.selected.cells(5).innerText + ",Amount=" + Amount + ",AuthorityGridKey=" + ui.selected.cells(9).innerText + ",CagName=" + ui.selected.cells(3).innerText 
         var keyValModify = ui.selected.cells(11).innerText + "," + ui.selected.cells(10).innerText + "," + ui.selected.cells(12).innerText + "," + ui.selected.cells(5).innerText + "," + ui.selected.cells(2).innerText + "," + Amount + "," + ui.selected.cells(3).innerText + "," + ui.selected.cells(9).innerText 
         $('#CancelViewParam').val(keyValue); 
         $('#ModifyViewParam').val(keyValModify); 

        } 
       } 
      }); 
     }); 
    </script> 

この関数は、グリッドから行を選択し、選択した値を非表示のフィールドに置きます。

また、ポップアップを開く関数は、この関数のajax call.codeの後には機能しません。

$(function() { 
    $("#DivSearch").dialog({ autoOpen: false, height: "600", width: "600", dialogClass: "myRatingHelp", modal: true }); 
    $('#bRatingHelperDivSearch').live('click',function() { $('#DivSearch').dialog('open'); }); 
    $('#DivSearchRating_bOk').click(function() { 
    $("#InputAuthorityGridSearch_Rating").val($("#hidRating").val()); 
    $("#DivSearch").dialog('close'); 
    }); 
    $('#DivSearchRating_bCancel').click(function() { 
    $("#DivSearch").dialog('close'); 
    }); 
    }); 

これらのすべての機能をAJX呼び出しの前に完璧にうまく動作しますが、すべてのコールの後に動作を停止し、誰かが助けることができますか？私はwebformsを使用していない、私はasp.net mvc3（かみそり）を使用しています

Answer 1

私は、もう動作しないコードがajax呼び出しの後に呼び出されないと思いますか？ あなたのコードはまだ動作していますが、もはや起動されていない可能性があります。データグリッドの内容が変更されると、追加されたハンドラ/イベント/ ...はもうどの項目にも表示されません。

ハンドラ/イベント/ ...が新しいコンテンツにバインドされるように、ajax-callが完了した後にコードを再実行しようとしましたか？

また、.live（）コードは、理論上常に動作するはずの唯一の部分です。ただし、liveは廃止された関数です。提案は、jQuery 1.7の前に.delegate（）を使用するか、jQueryの後に.on（）を使用することです。