2014-07-08 118 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