【问题标题】:jquery.autocomplete.js triggering on radio selection and untriggeringjquery.autocomplete.js 触发单选和取消触发
【发布时间】:2009-03-25 18:14:15
【问题描述】:

我正在尝试设置一个搜索页面,该页面使用两个单选按钮执行两种不同的搜索,用户可以切换这些单选按钮来指示他们正在搜索的内容。

我决定使用 jquery 自动完成脚本的第二种搜索类型,因为可搜索项的集合相对较少(约 213 个),这将产生一种有吸引力且一致的数据访问方式。

为此,我想设置脚本,但触发它仅在用户选择第二个单选按钮时使用,我已经通过将一部分绑定到点击来实现(尽管有问题),例如:

                    $(document).ready(function() {
                    $( "#selector" ).click(
                    function( objEvent ){
                        $("#name").autocompleteArray(
                        [
                            "Alternative/Punk","Blues","Classical","Country/Folk","Electronic","Hip-Hop/R&B","International","Jazz","etc"
                        ],
                        {
                            delay:10,
                            minChars:1,
                            matchSubset:1,
                            onItemSelect:selectItem,
                            onFindValue:findValue,
                            autoFill:true,
                            maxItemsToShow:10
                        }
                    );
                    }
                );
                    $( "#unselector" ).click(
                    function( objEvent ){
                        //Do something
                    }
                );
                });

所以在笑得太厉害之前,它确实做到了我想要的(我对 js 很烂,最近才开始学习 PHP)。问题是我想将第二个选择器(#unselector)设置为停止/禁用/隐藏/取消绑定/如果用户在切换第二个单选按钮后切换第一个单选按钮(改变主意,只需单击周围) , 等等)。

很明显,一旦选择了第二个收音机,它现在的工作方式就会设置自动完成脚本,并且无论最终选择哪个按钮,输入到搜索框中的任何内容都会显示建议。

您可以在此处查看正在运行的脚本:

www.lfmseek.com/rss/

它只是一个为音乐用户(我自己是用户)生成rss链接的小应用程序。

脚本本身可以在此处的作者页面上找到(尽管所有内容都像往常一样嵌入在上面的页面中):

www.pengoworks.com/workshop/jquery/autocomplete.htm

任何帮助将不胜感激。我有一种独特的感觉,这应该很简单,但是我与通常与 javascript 相关的任何事物的关系往往是……除了。 :-)

非常感谢您抽出宝贵时间。

【问题讨论】:

    标签: javascript jquery autocomplete


    【解决方案1】:

    您可以简单地从“名称”中取消绑定所有事件。

    $( "#unselector" ).click(function( objEvent ){
       $("#name").unbind();
    });
    

    【讨论】:

    • 谢谢,这很好用。你完全让我度过了一个下午。太感谢了。 :-)
    猜你喜欢
    • 2014-12-04
    • 2021-10-30
    • 2015-07-15
    • 2013-10-10
    • 1970-01-01
    • 1970-01-01
    • 2011-10-10
    • 1970-01-01
    • 2013-01-18
    相关资源
    最近更新 更多