ajax調用后無法運行jquery.asp .net mvc3（Razor）

Question

我正在回發帖子以使用ajax獲得部分視圖，以下是我用來在稱為“ DivSearchGrid”的div中呈現部分視圖的代碼。

 <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>

控制器中的action方法將返回帶有新值的網格。 我的問題是在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（razor）

Answer 1

我假設不再起作用的代碼在ajax調用之后沒有被調用？ 您的代碼似乎仍然可以工作，但不再被觸發。 隨着數據網格內容的更改，您添加的處理程序/事件/ ...將不再綁定到任何項目。

您是否嘗試過在ajax調用完成后重新執行代碼，以便將處理程序/事件/ ...綁定到新內容？

另外：從理論上講，.live（）代碼是應始終起作用的唯一部分。 但是，live是不推薦使用的功能。 建議在jQuery 1.7之前使用.delegate（）或在jQuery 1.7之后使用.on（）