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链接不能在第二页上工作

回答

相关问题