2009-05-08 3 views
1

私は私がSearchHighlight plugin to highlight the text I am typing in.jQuery quicksearchは、onAfter関数呼び出しでハイライト結果を表示しますか?

を呼び出すためにonAfter function call from QuickSearchを使用することができると思うbest autocomplete option for what I needed.

について迅速昨日迅速驚くべき答えを得たが、その実現可能ですか?私は仕事に苦労している。

<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) 

答えて

2

プラグインは、リファラーURLからキーワードを解析する正規表現で動作するようになっているようです。 SearchHighlightプラグインのオプションを変更していないので、デフォルト設定で作業しています。つまり、検索テキストボックスについてはわからず、とにかくキーワードを引き出す方法はわかりません。ただし、キーオプションを使用して特定のキーワードを使用するように再構成することができます。

だから、あなたはこのような何かにSearchHighlightへの通話を変更する必要があります。SEARCH_BOXは、あなたのテキストボックスのIDで

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

EDIT:Ha!私の構文は途方もないものでした。申し訳ありません。上記のコードはあなたのために働くはずです。また、検索文字列を変更したときにハイライトをリセットする方法がないため、これはすばらしいことではありません。

+0

検索ボックスのデフォルトIDは、クイック検索ページの「quicksearch」です。私はそれを差し込み、検索ボックス全体が消えます。検索ボックスに関するhtml/element_idはありません。 – cornbread

+1

コードを修正しました。あなたの検索ボックスが消えていたのは、私があなたに言ったことがjavascriptエラーを引き起こしたからです。とにかく、検索ボックスにqs_inputのクラスがあるので、代わりにそれを使用しました。私のために働くと思った。 – samiz

+0

それはうまくいくように見えます。私は仕事でそれを残し、月曜日にそれを試してみるでしょう。ありがとう。私はハイライトされたテキストをクリアする方法を見つけることができると思う。 – cornbread

関連する問題