Jquery plugins 数据类型为的列筛选器显示错误：使用数据表

我用这段代码为每个字段生成搜索框。但是它在.columnFilter（{）行显示语法错误。如何解决这个问题

<script type="text/javascript" charset="utf-8">
//initialisation code
    $(document).ready(function() {
        $('#example').dataTable( {
             "sPaginationType": "full_numbers",
             .columnFilter({
        sPlaceHolder: "head:before",
        aoColumns: [ {
                type: "select",
                values: [ 'Gecko', 'Trident', 'KHTML', 
                          'Misc', 'Presto', 'Webkit', 'Tasman']
                 },
                 { type: "text" },
                 { type: "number" },
                 { type: "date-range" },
                 { type: "number-range" }
            ]



        } );
    } );


</script>

//初始化代码
$（文档）.ready（函数（）{
$（'#示例'）。数据表（{
“sPaginationType”：“完整编号”，
.柱形过滤器({
sPlaceHolder:“头：之前”，
AO列：[{
键入：“选择”，
值：['Gecko'、'Trident'、'KHTML'，
“Misc”、“Presto”、“Webkit”、“Tasman”]
},
{type:“text”}，
{type:“number”}，
{type:“日期范围”}，
{type:“数字范围”}
]
} );
} );

看起来像是javascript语法问题。请尝试更改为：

 $(document).ready(function() {
    $('#example').dataTable( {
         "sPaginationType": "full_numbers"
    })
         .columnFilter({
    sPlaceHolder: "head:before",
    aoColumns: [ {
            type: "select",
            values: [ 'Gecko', 'Trident', 'KHTML', 
                      'Misc', 'Presto', 'Webkit', 'Tasman']
             },
             { type: "text" },
             { type: "number" },
             { type: "date-range" },
             { type: "number-range" }
        ]



    } );
} );

$（文档）.ready（函数（）{
$（'#示例'）.dataTable（）.columnFilter（）；
}

）

请确保在.columnFilter之前关闭了dataTable（）括号

希望它能起作用