Jquery UI +移動自動完成問題

使用自動完成時，它會顯示建議輸入，如果您點擊其中有一個按鈕的地方，它會點擊按鈕而不是建議。Jquery UI +移動自動完成問題

我已經準備了一個JS撥弄問題，看看是否有人能幫助... ...

反正我有可以設置自動完成是在頂部，這不發生？

謝謝

2012-08-04 LmC

由於某些原因，您的z索引是錯誤的。這在FF上的jsfiddle：

<input type="text" id="personHomeNum" data-autofill="N/A" data-stat="KNOWN" style="z-index: 1" /> 
<input type="button" value="Validate" id="validation_btn" style="z-index: 1"/>

出於某種原因，這似乎工作：

http://jsfiddle.net/XuZBt/20/

來源

2012-08-04 15:01:06

這並不讓我按一下按鈕正常不過？ – LmC 2012-08-04 15:04:52

這很奇怪，我可以在FF： http://jsfiddle.net/XuZBt/17/ – 2012-08-04 15:06:45

http://jsfiddle.net/XuZBt/18/不工作那裏我更新到 – LmC 2012-08-04 15:07:18

有了一些略微的CSS樣式，我們可以設置按鈕上方的自動完成構件。該按鈕的z-index由其上升的data-role="page"z-index指定，因爲data-role="page"和.ui-autocomplete元素是同級元素。如果您嘗試更改data-role="page"元素內的按鈕的z-index，它在大多數瀏覽器中都不會影響它在自動填充小部件方面的作用（它可以在某些瀏覽器中使用，但不在其他瀏覽器中使用）。

這裏是所有的CSS的要求：

/*this rule makes the links in the autocomplete list block elements so they expand to fill their parents*/ 
.ui-autocomplete.ui-menu .ui-menu-item a { 
    display : block; 
} 

/*this rule just sets the autocomplete menu above the data-role="page" element*/ 
.ui-autocomplete.ui-menu { 
    z-index : 10; 
}

這裏是一個演示：http://jsfiddle.net/XuZBt/21/

來源

2012-08-04 17:10:59 Jasper

Jquery UI +移動自動完成問題

回答

相關問題