jQuery UI可以选择框进行排序

Question

我正在使用jQuery UI Sortable来允许列表项的排序。每个列表项都包含一个SELECT元素。

我可以拖放元素，但是当我点击其中一个选择框时，下拉列表不会出现。

我的预感是jQuery UI中的绑定Sortable正在对click事件冒泡做一些事情，这阻止了选择框显示它的下拉列表 - 但我无法弄清楚如何解决它。

我的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

我已将 span 替换为 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。