jQuery UI 자동 완성

Question

이 페이지에 표시된 것처럼 다중 선택 위젯을 제작하고 싶습니다. 마우스로 쉽게 선택할 수있는 독특한 선택, 메뉴가 항상 열려 있습니다. http://jsfiddle.net/ahmedkhalaf/khPn7/

당신이 항목을 선택 클릭하면 메뉴 항목이 선택 제외로 업데이트됩니다 :

소스와 여기에 해당 마크 업 [당신이 jsFiddle 익숙하지 않은 경우 바로 알려 주시기하는 문제에 대해 언급] 사람.

문제는 다시 항목을 선택할 수 있도록 다른 항목으로 마우스를 이동해야합니다. 항목을 남기지 않고 새 항목에 포커스 및 마우스 다운 이벤트를 다시 트리거 할 수없는 것 같습니다.

이것은 FF에서만 발생합니다. IE8에서는 첫 번째 항목을 계속 클릭하여 모든 항목을 선택할 수 있습니다.

Answer 1

이벤트가 태그 컨테이너에 옵션의 값을 추가하는 각 옵션에 클릭 이벤트를 첨부 해 보았습니까? 옵션의 상위 항목에 집중 한 다음 옵션을 제거 하시겠습니까?

$("select#idOfSelect option").click(function(){ 
    $("div#idOfContainer").append($(this).val()); 
    $(this).parent().focus(); 
    $(this).remove(); 
});