2014-07-08 91 views
1

我正在使用tablesorter搜索/筛选器插件从列表中搜索名称。所以当我输入一个字母对应的列表中的字母将会显示出来。我用这个:http://mottie.github.io/tablesorter/docs/example-widget-filter-external-inputs.html作为参考。 下面是我的代码:如何使用tablesorter筛选搜索

var $table = $('#table').tablesorter({ 
    sortList: [[0,0], [1,0]], 
    theme: 'blue', 
    widgets: ["zebra", "filter"], 
    widgetOptions : { 
     filter_columnFilters: false, 
     filter_saveFilters : true, 
    } 
}); 
$.tablesorter.filter.bindSearch($table, $('.search-subaccounts')); 

HTML:

<input class="search-subaccounts" type="search" data-column="1"/> 

我试图筛选基于名字的名字。 所以当我尝试执行它,使我有以下错误:

Uncaught TypeError: Cannot read property 'bindSearch' of undefined 

我不知道为什么它说“过滤器”是不确定的,而我试图执行在演示完全相同的方式它。我在这里做错了什么? 任何想法??

回答

0

听起来好像widget文件没有被包含,因为没有找到bindSearch函数 - 它包含在过滤器小部件中。确保你在你的页面上加载以下文件(主题文件名会根据你的选择而有所不同):

<link rel="stylesheet" href="css/theme.blue.css"> 
<script src="js/jquery.min.js"></script> 
<script src="js/jquery.tablesorter.min.js"></script> 
<script src="js/jquery.tablesorter.widgets.min.js"></script> 
+0

是的,我已经加载了除主题CSS文件外的所有这些文件。只是我拥有所有文件的未分类版本。 – user2942566

+0

你使用的是最新的文件吗?直到v2.13.3才加入'bindSearch'。 – Mottie

+0

yup ..我使用的是旧版本。谢谢 – user2942566