onAfter 함수 호출로 jQuery 빠른 검색 결과 강조 표시 하시겠습니까?

Question

나는 내가 SearchHighlight plugin to highlight the text I am typing in.

를 호출 할 onAfter function call from QuickSearch 사용할 수 있습니다 생각 best autocomplete option for what I needed.

에 대해 신속하게 어제 빠르게 놀라운 대답을 얻었다는 것을는 가능한가? 나는 일하기가 힘듭니다. 이 플러그인은 참조 URL에서 키워드를 구문 분석하는 정규 표현식에서 작동하도록처럼

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

Answer 1

는 것 같습니다. 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() }); 
    }); 

.

편집 : 하! 내 문법은 벗어났다. 미안합니다. 위의 코드가 도움이 될 것입니다. 또한 검색 문자열을 변경할 때 강조 표시를 재설정 할 수있는 방법이 없기 때문에이 모든 기능이 그다지 좋지 않을 수 있습니다.