jQuery UI可以選擇框排序

Question

我正在使用jQuery UI可排序來允許列表項的排序。每個列表項都包含一個SELECT元素。

我可以很好地拖放元素，但是當我點擊其中一個選擇框時，下拉列表不會出現。

我的預感是在jQuery UI中的綁定Sortable正在做一些點擊事件冒泡，這是阻止選擇框顯示它的下拉列表 - 但我不知道如何解決它。

我的HTML看起來像這樣：

<ul id="sortable"> 
    <li><span><select name="opt1"><option>One</option><option>Two</option></select></span></li> 
    <li><span><select name="opt2"><option>One</option><option>Two</option></select></span></li> 
</ul> 

和Javascript：

$(function() { 
    $('#sortable').sortable(); 
}); 

Answer 1

我已經更換跨度到DIV - 它的作品！

http://jsfiddle.net/V6r2U/1/

我在FF測試3.6.x的和IE8

Answer 2

這看似因的jQuery 1.2.6中的錯誤，我用。升級到jQuery 1.6.1後，它工作正常 - 即使跨度。

Answer 3

當我在元素上使用disableSelection()時發生同樣的問題。刪除disableSelection()後，下拉列表正確顯示。我使用jQuery 1.11.0。