如何在空的 jquery 自动完成字段上调用事件?

发布于 2024-11-28 03:10:58 字数 532 浏览 0 评论 0原文

我正在使用旧版 jquery 自动完成插件 并且想要触发一个事件如果我的搜索框被清除。这是我当前的代码:

jQuery(function($){
    $("#searchbox").Watermark("Search");
});


$("#searchbox").autocomplete("search_names.php", {
    width: 250,
    selectFirst: false
});

$("#searchbox").result(function(event, data, formatted) {
    if (data) {
        filterView( data );
    }
});

我尝试使用结果触发器,但它期望一个有效的结果。知道当搜索框为空时如何触发事件吗?基本上我想恢复过滤结果之前的搜索结果。

谢谢

I'm using the legacy jquery autocomplete plugin and would like to trigger an event if my search box is cleared. Here is my current code:

jQuery(function($){
    $("#searchbox").Watermark("Search");
});


$("#searchbox").autocomplete("search_names.php", {
    width: 250,
    selectFirst: false
});

$("#searchbox").result(function(event, data, formatted) {
    if (data) {
        filterView( data );
    }
});

I've tried using the result trigger but it's expecting a valid result. Any idea how I can trigger an event when the search box is empty? Basically I want to restore the search results prior to the filtered results.

Thanks

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

扫码二维码加入Web技术交流群

发布评论

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

评论(1

滴情不沾 2024-12-05 03:10:58

一种可能的解决方案可能是使用 .focus 运行 while 循环,当用户在搜索框中单击时检查空字段,并在用户离开搜索框时使用 .blur 关闭 while 循环。我还没有尝试过这个,所以请告诉我它是否有效。真挚地,
凯文

$("#searchbox").focus(function () {
    var checkNull = true;

    while (checkNull == true){
        if (!data) {
            if (previous results are not displayed) {
                your code here to display prior results;
            }
        }
    } 
}


$("#searchbox").blur(function () {
    checkNull = false;
}

a possible solution might be to use the .focus to run a while loop that checks for an empty field when the user is clicked in the search box and close the while loop in using .blur when they leave the searchbox. I haven't tried this, so please let me know if it works. Sincerely,
Kevin

$("#searchbox").focus(function () {
    var checkNull = true;

    while (checkNull == true){
        if (!data) {
            if (previous results are not displayed) {
                your code here to display prior results;
            }
        }
    } 
}


$("#searchbox").blur(function () {
    checkNull = false;
}
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文