Javascript 控制台中的Datatables Jquery错误

Javascript 控制台中的Datatables Jquery错误,javascript,jquery,datatables,Javascript,Jquery,Datatables,未捕获的TypeError:对象[Object Object]没有方法“fnFilter” $(document).ready(function () { var selectedColumn = $('#columnlist').find(":selected").text(); $('#csearchtext').bind("change paste keyup", function () { var input = $('#csearchtext').val(); c

未捕获的TypeError:对象[Object Object]没有方法“fnFilter”

$(document).ready(function () {

var selectedColumn = $('#columnlist').find(":selected").text();

$('#csearchtext').bind("change paste keyup", function () {
    var input = $('#csearchtext').val();

    console.log(input);

    $('#table_id').fnFilter('',4);
});

$('#dblist').on('change', function () {

    var selected = $('#dblist').find(":selected").text();
    tablefill(selected);

});

$('#search').click(function () {

    var selected = $('#dblist').find(":selected").text();
    tablefill(selected);

});

function tablefill(selected) {
    $('.advsearchbar').show();
    $('#stable').show();

    $('#table_id').dataTable({
        "sAjaxSource": '/php/connect/searchtablequery.php',
        "bProcessing": true,
        "sScrollY": "500px",
        "bDeferRender": true,
        "bDestroy": true,
        "sAjaxDataProp": "",
        "fnServerParams": function (aoData) {
            aoData.push({ "name": "db", "value": selected });
        },
        "aoColumns": [
            { "mData": "calldate" },
            { "mData": "recordingfile" },
            { "mData": "uniqueid" },
            { "mData": "src" },
            { "mData": "did" },
            { "mData": "lastapp" },
            { "mData": "dst" },
            { "mData": "disposition" },
            { "mData": "duration" },
            { "mData": "userfield" },
            { "mData": "accountcode"}],
        "iDisplayLength": 20,
        "bJQueryUI": true,
        "sPaginationType": "full_numbers",
        "sDom": '<"H"Tfr>t<"F"ip>',
        "oTableTools": {
            "sSwfPath": "/DataTables/extras/TableTools/media/swf/copy_csv_xls_pdf.swf",
            "aButtons": [
                "copy", "csv", "xls", "pdf",
                {
                    "sExtends": "collection",
                    "sButtonText": "Save",
                    "aButtons": ["csv", "xls", "pdf"]
                }]
        }
    });
}
$(文档).ready(函数(){
var selectedColumn=$(“#columnlist”).find(“:selected”).text();
$('#csearchtext').bind(“更改粘贴键控”,函数(){
var输入=$('#csearchtext').val();
控制台日志(输入);
$('#table_id').fnFilter('',4);
});
$('#dblist')。on('change',function(){
var selected=$(“#dblist”).find(“:selected”).text();
表格填充(选定);
});
$(“#搜索”)。单击(函数(){
var selected=$(“#dblist”).find(“:selected”).text();
表格填充(选定);
});
功能表填充(选定){
$('.advsearchbar').show();
$(“#稳定”).show();
$('#表_id')。数据表({
“sAjaxSource”:“/php/connect/searchtablequery.php”,
“bProcessing”:正确,
“sScrollY”:“500px”,
“bDeferRender”:没错,
是的,
“sAjaxDataProp”:“,
“fnServerParams”:函数(aoData){
推送({“name”:“db”,“value”:selected});
},
“aoColumns”:[
{“mData”:“calldate”},
{“mData”:“recordingfile”},
{“mData”:“uniqueid”},
{“mData”:“src”},
{“mData”:“did”},
{“mData”:“lastapp”},
{“mData”:“dst”},
{“mData”:“处置”},
{“mData”:“持续时间”},
{“mData”:“userfield”},
{“mData”:“accountcode”}],
“iDisplayLength”:20,
“bJQueryUI”:没错,
“sPaginationType”:“完整编号”,
“sDom”:“t”,
“可旋转工具”:{
“sSwfPath”:“/DataTables/extras/TableTools/media/swf/copy\u csv\u xls\u pdf.swf”,
“阿布顿”:[
“复制”、“csv”、“xls”、“pdf”,
{
“性倾向”:“收藏”,
“sbuttonext”:“保存”,
“阿布顿”:[“csv”、“xls”、“pdf”]
}]
}
});
}
}))

未捕获的TypeError:对象[Object Object]没有方法“fnFilter”
我不知道为什么会出现这种情况,因为jquery被包括在内,因为datatable创建得很好。这方面的任何帮助都将非常有用。

您必须使用dataTable对象进行链接,如下所示

$('#table_id').dataTable().fnFilter('', 4);

您必须与dataTable对象链接,如下所示

$('#table_id').dataTable().fnFilter('', 4);

您需要获取dataTable对象,而不是jQuery对象

$('#table_id').dataTable().fnFilter('',4);
从文档中:

$(document).ready(function() {
  var oTable = $('#example').dataTable();

  // Sometime later - filter...
  oTable.fnFilter( 'test string' );
} );

您需要获取dataTable对象,而不是jQuery对象

$('#table_id').dataTable().fnFilter('',4);
从文档中:

$(document).ready(function() {
  var oTable = $('#example').dataTable();

  // Sometime later - filter...
  oTable.fnFilter( 'test string' );
} );

你能告诉我你在哪里显示它吗?就像在它所在的网站上一样?就像表格布局一样,因为当它发生在我身上时,我的AOColumn中没有足够的行扫描你告诉我你在哪里显示它吗?就像在它所在的网站上一样?就像表格布局一样,因为当它发生在我身上时,我的AOColumn中没有足够的行AOColumns使错误消失,但如果您尝试使用空字符串进行筛选,则表未筛选任何内容!我忘了将其更改为变量,谢谢您将尽快标记为答案。这样错误就消失了,但是如果您尝试使用空字符串进行筛选,表不会筛选任何内容!我忘了把它改成一个变量,谢谢你会尽快给我答案的。