我使用了jquery quicksearch 插件,它工作正常,除了一个问题。我希望在加载页面时运行快速搜索。我创建了第二个快速搜索函数(在加载页面时调用)并将绑定更改为其他内容,但它不适用于“加载”或“就绪”。
如果我将绑定更改为“焦点”并将焦点放在文本字段上它可以工作,但仅在 IE 中。
我想这样做的原因是因为用户离开页面的地方有一个“查看”链接。当他们回来时,我希望搜索结果与他们离开时一样。
我使用了jquery quicksearch 插件,它工作正常,除了一个问题。我希望在加载页面时运行快速搜索。我创建了第二个快速搜索函数(在加载页面时调用)并将绑定更改为其他内容,但它不适用于“加载”或“就绪”。
如果我将绑定更改为“焦点”并将焦点放在文本字段上它可以工作,但仅在 IE 中。
我想这样做的原因是因为用户离开页面的地方有一个“查看”链接。当他们回来时,我希望搜索结果与他们离开时一样。
懒惰的解决方案:
$(function(){
//$('search_input').attr('value', search_term); // optional - put something in the search box
$('search_input').keyup(); //trigger the search onload})
actually thinking about it, it's probably because doc.ready isnt when all js is loaded, so the quick search plugin isnt finished initialising when u call it on page load.
instead you should use a callback on the plugin initialisation
您可以使用:
'onAfter': function ()
更多功能:
$('input#search').quicksearch('table tbody tr', {
'delay': 100,
'selector': 'th',
'stripeRows': ['odd', 'even'],
'loader': 'span.loading',
'noResults': 'tr#noresults',
'bind': 'keyup keydown',
'onBefore': function () {
console.log('on before');
},
'onAfter': function () {
console.log('on after');
},
'show': function () {
$(this).addClass('show');
},
'hide': function () {
$(this).removeClass('show');
}
'prepareQuery': function (val) {
return new RegExp(val, "i");
},
'testQuery': function (query, txt, _row) {
return query.test(txt);
}
});