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。