Datatable Javascript鏈接不能在第二頁上工作

我有一個表中的數據列表，並使用dataTable插件進行分頁。Datatable Javascript鏈接不能在第二頁上工作

但是，我最後一欄是一個鏈接。當我轉到第二頁時，我無法單擊該鏈接，但該鏈接僅在表的第一頁上打開。

當我沒有足夠的數據表中的所有鏈接的作品，但它是當我加入這一點，沒有工作......

我的代碼：

<table id="PartsResultListGrid" class="table table-striped table-bordered"> 
    <thead> 
     <tr> 
      <th> 
       @Html.DisplayNameFor(model => model.PartsRequestOrderNum) 
      </th> 
      <th> 
       @Html.DisplayNameFor(model => model.Call_Num) 
      </th> 
      <th> 
       @Html.DisplayNameFor(model => model.DetailView) 
      </th> 

     </tr> 
    </thead> 

    <tbody> 
     @foreach (var item in Model) 
     { 
      <tr> 
       <td> 
        @Html.DisplayFor(modelItem => item.PartsRequestOrderNum) 
       </td> 
       <td> 
        @Html.DisplayFor(modelItem => item.Call_Num) 
       </td> 

       <td> 
        <div data-callno='@item.PartsRequestOrderNum' data-url="@Url.Action("GetPartsInfo", "Parts")"> 
         <div class="PartsViewSubmit toolbarIcon"> 
          <div class="toolbarIconText">View</div> 
         </div> 
        </div> 
       </td> 
      </tr> 
     } 
    </tbody> 

</table>

的Javascript：

<script type="text/javascript"> 
$(document).ready(function() { 
    $('#PartsResultListGrid').dataTable({ 
     "bSort": false, 
    }); 
}); 
</script>

任何想法爲什麼會發生這種情況？

我這裏面ajax的鏈接，打開鏈接：

 $('.PartsViewSubmit').click(function() { 
     $.ajax({ 
      type: "GET", 
      url: $(this).parent().data("url"), 
      data: { PartsRequestOrderNum: $(this).parent().data("callno") }, 
      success: function (data) { 
       $("#PartsDetail").html(data); 
      }, 
     }); 
    });

來源

2015-04-01 ma32112345

你可能有一些JavaScript/jQuery的是填充那些鏈接。它會被觸發一次，例如不處理實況內容，因此這些鏈接在頁面＃2上不起作用，因爲在執行鏈接羣體時這些行不可見。 – davidkonrad 2015-04-01 16:02:27

是的，我這樣做，iv更新了我的代碼，顯示鏈接，那麼我需要做什麼才能讓它在第二頁上工作？ – ma32112345 2015-04-01 16:06:36

您需要使用delegated event：

委託事件有優勢，他們可以處理來自那些子孫元素事件稍後添加到文檔中。通過挑選一個在連接了委託事件處理程序時保證存在的元素，可以將委派事件用於，從而避免需要經常附加和刪除事件處理程序。

所以你的情況，我會做這個：

$(document.body).on('click', '.PartsViewSubmit', function() { 
    $.ajax({ 
     ... 
    }); 
});

來源

2015-04-01 16:12:34 davidkonrad

非常感謝你，工作，你是一個天才！ – ma32112345 2015-04-01 16:14:31

Datatable Javascript鏈接不能在第二頁上工作

回答

相關問題