Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 未捕获的TypeError:此.each不是一个函数_Javascript_Jquery_Datatables - Fatal编程技术网

Javascript 未捕获的TypeError:此.each不是一个函数

Javascript 未捕获的TypeError:此.each不是一个函数,javascript,jquery,datatables,Javascript,Jquery,Datatables,在尝试创建内联数据表时,我不断遇到这个错误。我甚至尝试过直接复制纪录片中的示例代码! 下面给出的代码是工作数据表代码: 变量编辑器;//对于示例中的提交和返回数据呈现,请使用全局 $(文档).ready(函数(){ $('#示例')。数据表({ ajax:{url:'https://api.myjson.com/bins/gcx26', 跨域:true}, 订单:[[1,‘asc']], 栏目:[ {数据:“名字”}, {数据:“姓氏”}, {数据:“位置”}, {数据:“办公室”}, {数

在尝试创建内联数据表时,我不断遇到这个错误。我甚至尝试过直接复制纪录片中的示例代码! 下面给出的代码是工作数据表代码:


变量编辑器;//对于示例中的提交和返回数据呈现,请使用全局
$(文档).ready(函数(){
$('#示例')。数据表({
ajax:{url:'https://api.myjson.com/bins/gcx26',
跨域:true},
订单:[[1,‘asc']],
栏目:[
{数据:“名字”},
{数据:“姓氏”},
{数据:“位置”},
{数据:“办公室”},
{数据:“开始日期”},
{data:“salary”,render:$.fn.dataTable.render.number(',',','0',$)}
]
} );
} );
名字
姓
位置
办公室
开始日期
薪水

我发现我们不能使用
$.fn.dataTable editor.editor
,正如@mplungjan所说,它所做的只是从
$fn.database
中减去editor。相反,我们必须从数据库本身下载一个依赖项:“Editor-1.9.2/js/dataTables.Editor.js”。本地下载文件后,可以运行代码。这是新的、改进的、有效的代码版本:


变量编辑器;//对于示例中的提交和返回数据呈现,请使用全局
$(文档).ready(函数(){
editor=new$.fn.dataTable.editor({
ajax:{url:'https://api.myjson.com/bins/gcx26',
跨域:true},
表:“#示例”,
字段:[{
标签:“名字:”,
姓名:“名字”
}, {
标签:“姓氏:”,
姓名:“姓氏”
}, {
标签:“位置:”,
姓名:“职位”
}, {
标签:“办公室:”,
名称:“办公室”
}, {
标签:“分机:”,
名称:“extn”
}, {
标签:“开始日期:”,
名称:“开始日期”,
类型:“日期时间”
}, {
标签:“工资:”,
姓名:“工资”
}
]
} );
//单击表格单元格时激活内联编辑
$(“#示例”)。在('click'、't body td:not(:first child')上,函数(e){
editor.inline(this);
} );
$('#示例')。数据表({
dom:“Bfrtip”,
ajax:{url:'https://api.myjson.com/bins/gcx26',
跨域:true},
订单:[[1,‘asc']],
栏目:[
{
数据:空,
defaultContent:“”,
className:“选中复选框”,
可订购:false
},
{数据:“名字”},
{数据:“姓氏”},
{数据:“位置”},
{数据:“办公室”},
{数据:“开始日期”},
{data:“salary”,render:$.fn.dataTable.render.number(',',','0',$)}
],
选择:{
风格:“os”,
选择器:“td:第一个孩子”
},
按钮:[
{扩展:“创建”,编辑器:editor},
{extend:“edit”,editor:editor},
{扩展:“删除”,编辑器:editor}
]
} );
} );
名字
姓
位置
办公室
开始日期
薪水

请使用代码段编辑器添加代码。首先,您缺少jquery主脚本。
editor=new$.fn.dataTable editor.editor
无效。表示
editor=new$.fn.dataTable.editor({
-最新的JS是
https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js
并且您没有用于任何plugins@rx2347这段代码使用的是AJAX,因此不需要编写工作代码段possible@mplungjan@HarshitPandey$fn.datatable-editor在JS中的意思是从$fn.datatable中减去editor,所以这不是一个好建议我知道你犯了那个错误。我不知道为什么。我试着犯了一个错误