我有一個jQuery代碼,它創建一個下拉菜單並將其精確放置在用戶右鍵單擊的位置。除了一件事以外,一切正常:我無法在輸入字段中輸入內容。引導模式打開時無法在輸入類型=「文本」中輸入(甚至無法聚焦)
生成的下拉列表如下所示:
<ul role="menu" style="display: none; position: absolute; left: 751px; top: 294px; z-index: 999999;">
<li><a href="#">Link 1</a></li>
<li role="separator" class="divider"></li>
<li><input type="text" name="filter"></li>
<li style="height:200px;" class="scroll-container-y">
<ul class="list-unstyled gutter-left-small">
<li><a href="#">Sublink 1</a></li>
<li><a href="#">Sublink 2</a></li>
<li><a href="#">Sublink 3</a></li>
</ul>
</li>
</ul>
在我的想法中,輸入將被用於過濾子鏈路。
我已經試過(無結果):
- 變化的z-index
- 部隊$( '輸入')專注()
- 部隊$( '輸入')。得到(0).focus()
- 與CSS玩弄檢查,如果這只是白色的文字在白色背景
- 發表的代碼,看看一些其他的jQuery是干擾
希望你們能幫忙。
編輯(工作示例): 看起來這是一個Bootstrap問題:從該提琴http://jsfiddle.net/2gkjb0h8/3/中可以看到輸入可以輸入,直到引導模式打開。仍然沒有線索如何解決這個問題。
編輯2: 這是我想要實現的圖像http://prnt.sc/bxbucf 在模式中,將會有一個帶有可選擇的TD的表格;一旦選擇,用戶可以右鍵單擊以打開一個帶有教師列表的上下文菜單(每個教師都是一個鏈接)。這已經可以工作了,那裏的輸入是允許過濾所有可能的名字。
你能提供一個工作的例子嗎? – Bart
刪除'display:none' – Pugazh
幾乎不可能重現錯誤。適用於我[這裏](https://jsfiddle.net/hbwm9bmq/) – empiric