li 항목을 굵게 표시

Google 제안 사항에 Jquery 자동 완성 기능을 사용하고 있습니다. 자동 완성 제안의 li 항목을 입력 값과 일치하는 경우 굵게으로 만들고 싶습니다. 먼저 이벤트로이 작업을 시도했지만 요청 이후에 이벤트가 트리거되어 작동하지 않는다는 것을 깨달았습니다. 그래서 지금은 함께 자동 완성에 글꼴 굵은 권리를 만들려고 노력 해요 :li 항목을 굵게 표시

var val = $('#searchbox').val(); 

    if (val == $(item.suggestion.data).html()) { 
     $(item.suggestion.data).css("font-weight", "bold"); 
    }

이 작동하지 않는 것 내가 왜 알아낼 수 없습니다. 다음은 자동 완성의 예입니다. JsFiddle

출처

2012-04-24 Youss

당신은 임에서 찾고,이 http://stackoverflow.com/questions/3344804/how-to-make-matched-text-bold-with-jquery-ui-autocomplete – mprabhat

감사합니다 :) – Youss

자동 완성의 열기 이벤트를 사용하여 자동 완성 드롭 다운 목록에서 반환 된 값과 입력 텍스트를 비교할 수 있습니다.

open: function(event, ui) { 
    $('.ui-menu li a').each(function(){ 
    if($(this).text()==$('#searchbox').val()) $(this).wrap('<strong>'); 
    }); 
}

jsFiddle example.

출처

2012-04-24 18:46:10 j08691

안녕하세요, .div로 글꼴 크기 12px로 감쌌습니다. http://jsfiddle.net/QpKj6/25/ http://jsfiddle.net/QpKj6/25/하지만 작동하지 않습니다. (귀하의 링크도 작동하지 않습니다.) – Youss

나는 그들이 대담한 것을 알았다. 그러나 나의 예에서는 그들은 그렇지 않다. ??? 이게 어디에서 오는거야 ?? – Youss

@Youss - 내 링크가 작동하지 않는다는 것은 무엇을 의미합니까? 입력 필드에 무언가를 입력하면 자동 완성 결과 중 하나와 일치하며 결과는 굵게 표시됩니다. "aldi"를 입력 해보십시오. – j08691

change event으로 작업해야합니다.

핸들러의 다양한 목록 항목을 수정하십시오.

출처

2012-04-24 18:30:13 MarioDS

감사 @mprabhat 사용할 수 있습니다 그것에게 – Youss

@Youss 행운을 빌어 요, 내가 솔직하게 JQuery 문법을 모르겠지만 더 질문이 있으면 알려주십시오. 하지만 당신이 논리적으로해야 할 일을 설명 할 수 있습니다. – MarioDS

li 항목을 굵게 표시

답변

관련 문제