当前位置：文江博客话题详情

JQuery QuickSearch：如果输入不为空则在加载时搜索

发布于 2024-08-26 02:13:37 字数 307 浏览 3 评论 0原文

我已经使用了 jquery fastsearch 插件，它工作正常，除了一个问题。我希望在加载页面时运行快速搜索。我创建了第二个快速搜索函数（在加载页面时调用）并将绑定更改为其他内容，但它在“加载”或“就绪”时不起作用。

如果我将绑定更改为“焦点”并将焦点放在文本字段上，它就可以工作，但仅限于 IE。

我想这样做的原因是因为用户离开页面时有一个“查看”链接。当他们回来时，我希望搜索结果与他们离开时一样。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

哭了丶谁疼 2024-09-02 02:13:37

为您提供的懒惰解决方案：

$(function(){
//$('search_input').attr('value', search_term); // optional - put something in the search box
$('search_input').keyup(); //trigger the search onload})

lazy solution for you:

$(function(){
//$('search_input').attr('value', search_term); // optional - put something in the search box
$('search_input').keyup(); //trigger the search onload})

回复收藏 0 原文

十年九夏 2024-09-02 02:13:37

其实仔细想想，
这可能是因为 doc.ready 不是在所有 js 加载时完成的，所以当你在页面加载时调用它时，快速搜索插件还没有完成初始化。

相反，您应该在插件初始化时使用回调

回复收藏 0 原文

夜司空 2024-09-02 02:13:37

您可以使用：

'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);
}

});

You can use:

'onAfter': function ()

More functions:

$('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);
}

});

回复收藏 0 原文

~没有更多了~