我一直得到一个"未捕获的ReferenceError:yadcf未定义"选择使用yadcf.init方法创建的过滤器选项时。这是小提琴:http://jsfiddle.net/emLfa5s0/3/
var oTable;
$(document).ready(function () {
'use strict';
oTable = $('#test').DataTable({
'retrieve': true,
'paging': true, // Table pagination
'ordering': true, // Column ordering
'info': true, // Bottom left status text
'bAutoWidth': true, // Bottom left status text
"bJQueryUI": true,
"dom": 'lrtip',
"oLanguage": {
sLengthMenu: '_MENU_ records per page',
info: 'Showing page _PAGE_ of _PAGES_',
zeroRecords: 'Nothing found - sorry',
infoEmpty: 'No results available',
infoFiltered: '(filtered from _MAX_ total records)'
},
"deferRender": true
});
yadcf.init(oTable, [{
column_number: 0,
column_data_type: "html",
filter_type: "multi_select"
},{
column_number: 1,
filter_type: "multi_select"
}], "footer");
});
重新开始的步骤 1)出现过滤器,证明yadcf已正确初始化,并且调用init方法 visibily 失败。您可以通过打开开发人员控制台并点击“运行”来验证这一点。按键 2)选择过滤器值时,控制台中将显示上述错误。
我试图快速整理一个我正在遇到的另一个问题的可共享演示,但是这个错误阻止我到达那里。
答案 0 :(得分:1)
您必须使用jsfiddle的外部资源来包含yadcf js文件(及其css),而不是将整个代码转储到js / css面板中
请参阅working jsfiddle
(b.t.w您最好使用selected / select2和yadcf来获得更好看的UI)