数据表Javascript链接无法在第二页上运行

我有一个表中的数据列表，并使用dataTable插件进行分页。

但是，我的上一栏是一个链接。 当我转到第二页时，我无法单击该链接，但链接仅在表格的第一页打开。

当我没有数据表所有链接的工作，但是当我添加它时，它没有工作…

我的代码：

 @foreach (var item in Model) {  } 
 
 
 
 @Html.DisplayNameFor(model => model.PartsRequestOrderNum) 
 
 @Html.DisplayNameFor(model => model.Call_Num) 
 
 @Html.DisplayNameFor(model => model.DetailView) 
 
 
 
 
 @Html.DisplayFor(modelItem => item.PartsRequestOrderNum) 
 
 @Html.DisplayFor(modelItem => item.Call_Num) 
 
 
 
 
View
 
 
 
 
  

使用Javascript：

  $(document).ready(function () { $('#PartsResultListGrid').dataTable({ "bSort": false, }); });  

知道为什么会这样吗？

我在这里打开链接的ajax链接：

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

Answer 1

您需要使用委托事件 ：

委托事件的优点是，它们可以处理来自稍后添加到文档的后代元素的事件。 通过选择在附加委托事件处理程序时保证存在的元素，您可以使用委派事件来避免频繁附加和删除事件处理程序。

所以在你的情况下，我会这样做：

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