jQuery Tokeninput 드롭 다운이 컬러 박스 창 아래에 있습니다.

Question

Jack Moore의 Colorbox 창에서 Loopj의 jQuery Tokeninput에 문제가 있습니다.

// The list to store the dropdown items in 
var dropdown = $("<div>") 
    .addClass(settings.classes.dropdown) 
    .appendTo("body") 
    .hide(); 

:

나는 문제가 tokeninput library (선 343-347) 내부에이 코드가 될 수 있다고 생각 : 문제는 Tokeninput의 드롭 다운 아래 스크린 샷에서와 같이 Colorbox 창에서 보여줍니다이다

은 본문에 추가 되었기 때문에 색 상자 창에 추가되지 않습니다.

누구든지 내가이 문제를 해결할 수 있도록 도와 줄 수 있습니까?

추신. 나는이 lib를 colorbox 외부에서도 사용하고 있으므로, colorbox에 추가하는 것은 나쁜 생각 일 것이다.

Answer 1

TokenInput 드롭 다운의 Z- 색인을 변경하여이 문제를 해결할 수 있어야합니다.

Colorbox의 Z- 색인은 9999이며, TokenInput의 기본값은 그보다 낮습니다.

사용중인 TokenInput 버전에 따라 - z-index 매개 변수를 지원하는 경우 초기화 할 때 값을 변경할 수 있습니다. 예 :

$('#myID').tokenInput("http://sourceurl.com", 
         { 
          zindex: 100001 
         } 

그렇지 않으면 이전 버전의 경우 token-input.css 파일에 div.token-input-dropdown에 대한 값을 변경하려고합니다.

나는 GitHub에서이 문제에 대해 pull request을 넣었지만, 슬프게도이 프로젝트는 현재 비활성 상태로 되돌아 간 것 같습니다.