L'ingresso token jQuery (tokenize input) non funziona sul popup modale, lista nascosta sotto popup

Question

Sto usando un controllo popup modale in jQuery, il popup ha un testo di input alimentato dal plugin di input jQuery Tokenize. Il problema è quando digito qualcosa sulla casella di testo popup modale, i risultati della ricerca per plugin token sono mostrati nascosti sotto il popup. In realtà dovrebbero essere indicati in cima a tutti i controlli. Qualcuno potrebbe aiutarmi perché sono un principiante.

Prova a cercare aiuto dal thread sottostante, zindex non funziona. https://github.com/loopj/jquery-tokeninput/issues/190

Questo è il controllo di input che sto utilizzando. http://loopj.com/jquery-tokeninput/demo.html

Grazie.

Answer 1

Funziona impostando lo z-index manualmente:

$(".token-input-dropdown").css("z-index","9999") 

La funzione data in https://github.com/loopj/jquery-tokeninput/issues/190 non funziona nel mio CoffeeScript:

$('#book_author_tokens').tokenInput('/authors.json', { 
    zindex: 9999 
    }); 

Answer 2

Penso che una soluzione migliore è quella di aggiungilo al file css (invece di farlo tramite js):

div.token-input-dropdown-facebook {   
    z-index: 11001 !important; 
} 

Ovviamente, eliminare il suffisso "-facebook" se si utilizza il tema predefinito.