2012-07-17 29 views
9

Tôi đang sử dụng một popup lên kiểm soát phương thức trong jQuery, popup có một văn bản đầu vào cung cấp bởi jQuery Plugin tokenize đầu vào. Vấn đề là khi tôi gõ một cái gì đó vào hộp văn bản popup phương thức, kết quả tìm kiếm bằng cách tokenize plugin được hiển thị ẩn dưới popup. Trên thực tế, họ nên apprear trên đầu trang của tất cả các điều khiển. Ai đó có thể giúp tôi vì tôi là người mới bắt đầu không.jQuery Mã Input (đầu vào tokenize) không làm việc trên cửa sổ bật lên phương thức, danh sách ẩn dưới cửa sổ bật lên

Cố gắng tìm sự giúp đỡ từ chủ đề dưới đây, ZIndex không hoạt động. https://github.com/loopj/jquery-tokeninput/issues/190

đây là điều khiển đầu vào mà tôi đang sử dụng. http://loopj.com/jquery-tokeninput/demo.html

Cảm ơn bạn.

Trả lời

11

Nó hoạt động bằng cách thiết lập z-index bằng tay:

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

Chức năng đưa ra trong https://github.com/loopj/jquery-tokeninput/issues/190 không hoạt động trong coffeescript tôi:

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

Cảm ơn bạn rất nhiều vì phản hồi của bạn Ralph Allen. – Kamran

+0

Chỉ cần một lưu ý bổ sung mà bạn chính xác về liên kết bên dưới, nó cũng không hoạt động trong trường hợp của tôi .https: //github.com/loopj/jquery-tokeninput/issues/190 – Kamran

0

Tôi nghĩ rằng một giải pháp tốt hơn là để thêm nó vào tệp css (thay vì thực hiện thông qua js):

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

Tất nhiên, thả hậu tố "-facebook" nếu bạn đang sử dụng chủ đề mặc định.

Các vấn đề liên quan