单击(‘JQuery’)在第2页或超过11行的DataTables中无效
单击(‘JQuery’)在第2页或超过11行的DataTables中无效
提问于 2014-08-21 05:30:30
我有一个jQuery链接，当单击超链接时，它在动态列表上为每一行运行。
这在应用datatables之前有效，但是一旦datatables应用到第11行(在将display更改为高于默认值10之后)，或者在另一个页面上时，就不再调用jQuery。
我试着把它放在jsFiddle中，它在那里工作，所以我不能在jsFiddle中重现它，因为某些原因。
任何指向正确方向的指针都将不胜感激。
PHP：
echo "<table id='paginatedTable'>";
echo "<thead><th>Test1</th><th>Test2</th></thead><tbody>";
foreach($array as $arr){
echo "<tr><td>" . $arr['test1'] . "</td><td><div class='test'>";
echo "<a href='#' class='toggleTest' data-id='". $arr['id']."' id='test-" . $arr['id'] . "'>" . $arr['test2'] . "</a>";
echo "</div></td></tr>";
}
echo "</tbody></table>";jQuery
$(function(){
$('.test').on('click', '.toggleTest', function(e){
var id = $(this).data('id');
$("#test-"+id).html("Done");
return false;
});
});
$(document).ready(function() {
$('#paginatedTable').dataTable();
} );页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/25414778
复制相关文章
相似问题