2014-12-26 2 views
4

질문에서 언급했듯이 우리 프로젝트에 JQuery Tagit을 사용하고 있습니다. 우리는 ajax 검색을 사용하여 키워드를 채 웁니다. 여기서 직면 한 문제는 마우스로 검색 결과를 클릭하면 설명 된대로 정확하게 작동하지만, 키보드 탐색을 사용하여 결과를 선택하면 다음에 아약스 검색이 발생하지 않습니다. 첫 번째 키워드 누르기 (두 번째 키워드를 누른 후에 만 ​​작동합니다.) 추가하려면 마우스를 사용하여 동일한 작업을 수행하면 전체 프로세스가 잘 작동합니다. 나는 분명히 희망한다. 찾아주세요 아래 코드 :JQuery 태그 키보드 탐색이 작동하지 않습니다.

$('#tags_3').tagit({ 
    allowSpaces: false, 
    placeholderText: 'Search Clients', 
    autocomplete: ({ 
     source: function(request, response) { 
      // alert(request.term); 
      $.ajax({ 
       url: '/searchClients', 
       data: { 
        format: "json", 
        keywords: request.term 
       }, 
       dataType: 'json', 
       type: 'GET', 
       success: function(data) { 
        response($.map(data, function(item) { 
         return { 
          label: item.name, 
          value: item.name 
         } 
        })); 
       }, 
       error: function(request, status, error) { 
        alert(error); 
       }, 
       complete: function(request, status, error) {} 
      }) 
     }, 
    }) 
}); 

편집 1 : 너무

우리는 단지이 문제가 문서 page에 있습니다 것을 발견 문서 페이지에서 볼 문제. 첫 번째 예에서 "a"를 누른 다음 키보드로 값을 선택하면 다른 키를 누를 때까지 다음 번에 "a"를 다시 누를 수 없습니다. 이것에 대한 해결책이 있어야한다고 생각합니다 ..!

도움이 될 것입니다.

답변

2

잘 알려진 버그입니다. 버그 페이지 here에 이미보고되었습니다. 그러나 태그 - 이것은 매우 인기가 있으며 유사한 행에서 사용할 수있는 많은 솔루션이 있습니다. 당신이에 볼 수 있습니다 다른 솔루션의 몇 가지 : 버그가 해결되지 않을 때까지

  1. http://webspirited.com/tagit/
  2. https://github.com/Nikku/jquery-tagit

은 아마 당신이 그것의 하나로 볼 수있다.