Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery quicksearch通过onAfter函数调用突出显示结果?_Javascript_Jquery_Search_Autocomplete - Fatal编程技术网

Javascript jQuery quicksearch通过onAfter函数调用突出显示结果?

Javascript jQuery quicksearch通过onAfter函数调用突出显示结果?,javascript,jquery,search,autocomplete,Javascript,Jquery,Search,Autocomplete,昨天我很快得到了一个惊人的答案 我想我可以用电话打电话给 这可行吗?我很难让它工作 <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title>rikrikrik - quickSearch jQuery plug-in - List items</title> <script src="jquery.js" type="text

昨天我很快得到了一个惊人的答案

我想我可以用电话打电话给

这可行吗?我很难让它工作

<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
        <title>rikrikrik - quickSearch jQuery plug-in - List items</title>
        <script src="jquery.js" type="text/javascript" charset="utf-8"></script>
        <script src="jquery.quicksearch.js" type="text/javascript" charset="utf-8"></script>
        <script src='jquery.SearchHighlight.js'></script>
        <script type="text/javascript" charset="utf-8">
            $(document).ready(function () {             
                $('ul#a li').quicksearch({
                    attached: 'ul:first',
                    position: 'before',
                    labelText: 'Search all countries beginning with A',
                    inputText: 'Search',
                    loaderImg: 'loader.gif',
                    loaderText: 'Searching...'
                    onAfter: ('ul#a li').SearchHighlight(partial)

Rikrik-quickSearch jQuery插件-列表项
$(文档).ready(函数(){
$('ul#a li')。快速搜索({
附:'ul:第一',
位置:'之前',
labelText:“搜索所有以A开头的国家/地区”,
inputText:'搜索',
loaderImg:'loader.gif',
loaderText:“正在搜索…”
onAfter:('ul#a li')。搜索突出显示(部分)

该插件似乎打算使用正则表达式解析引用URL中的关键字。我看不到您更改SearchHighlight插件的选项,因此您正在使用其默认配置。这意味着它不知道您的搜索文本框,也不知道如何提取关键字不过,看起来您可以使用keys选项将其重新配置为使用特定的关键字

因此,您需要将呼叫SearchHighlight更改为以下内容:

        $(document).ready(function() {
        $('ul#a li').quicksearch({
        attached: 'ul:first',
        position: 'before',                                
        labelText: 'Search all countries beginning with A',                                
        inputText: 'Search',                                
        loaderImg: 'loader.gif',                                
        loaderText: 'Searching...',
        onAfter: function() { $('ul#a li').SearchHighlight({ exact: "partial", keys: $('.qs_input').val() });
    }); 
其中SEARCH_BOX是文本框的ID


编辑:哈!我的语法太离谱了。很抱歉。上面的代码应该适合你。而且,这可能不是很好,因为在你更改搜索字符串时无法重置突出显示。

根据quicksearch页面,搜索框的默认id是“quicksearch”。我插入了该代码,并插入了整个search box消失。搜索框没有html/element\u id。我修复了代码;你的搜索框消失了,因为我告诉你的操作导致了javascript错误。无论如何,搜索框有一类qs\u输入,所以我使用了它。似乎对我有效。看起来应该有效。我将它保留在工作中,并将在n星期一。谢谢。我想我能找到一种方法来清除突出显示的文本。