Javascript 带有json数据的DataTables使TR行可点击

Javascript 带有json数据的DataTables使TR行可点击,javascript,jquery,json,datatables,Javascript,Jquery,Json,Datatables,我使用的是:jquery.dataTables.js,来自: 我试图使每个tr都有一个链接,但由于某些原因,这不起作用,我尝试在我的控制台上运行chrome和works,有人可以解释我为什么不能在我的元素中插入此链接 它与json数据有关吗 html: jquery我要插入: $('#example tbody tr').attr('onclick', "document.location = 'edit.html'"); JSFIDLE,但不使用上面的jquery: 使用多个$(docume

我使用的是:jquery.dataTables.js,来自:

我试图使每个tr都有一个链接,但由于某些原因,这不起作用,我尝试在我的控制台上运行chrome和works,有人可以解释我为什么不能在我的元素中插入此链接

它与json数据有关吗

html:

jquery我要插入:

$('#example tbody tr').attr('onclick', "document.location = 'edit.html'");
JSFIDLE,但不使用上面的jquery: 使用多个$(document).ready()函数不是一个好的选择。在创建数据表之后,您可以使用数据表的回调函数来执行一些功能

updated fiddle is: http://jsfiddle.net/dssoft32/f7debwj2/4/

将列传递到调用中以实例化表时,使用列上的
render
属性。以下是链接和示例:

$(文档).ready(函数(){
var dt=$('#示例').dataTable();
dt.fn();
});
$(文档).ready(函数(){
var url='1〕http://www.json-generator.com/api/json/get/crcCiZXZfm?indent=2';
变量表=$('#示例')。数据表({
ajax:url,
栏目:[{
数据:“名称”,
“呈现”:函数(数据、类型、完整、元){
返回“”;
}
}, {
数据:'地点',
“呈现”:函数(数据、类型、完整、元){
返回“”;
}
}]
});
$('#sel1')。更改(函数(){
如果(this.value==“全部”){
桌子
.栏目(1)
.搜索(“”)
.draw();
}否则{
桌子
.栏目(1)
.search(此.value)
.draw();
}
});
});

按国家过滤
全部的
中国
欧盟
西班牙


名字 放置
$('#example tbody tr').attr('onclick', "document.location = 'edit.html'");
updated fiddle is: http://jsfiddle.net/dssoft32/f7debwj2/4/