使用jquery ui-sortable选择不在Mozilla 16.0.1中工作的框

Question

我有一个可排序的jquery ui-sortable 列表，它可以拖动，它工作正常。但我的问题是我在列表中有一个选择框它不起作用，我甚至无法从中选择一个值。以下是我的代码。请尽快提出解决方案。谢谢。

<ul class="sortable">
 <li>Item 1</li>
 <li>Item 2</li>  
 <li>Item 4</li> 
 <select>
      <option>A</option>
      <option>c</option>
      <option>d</option>
      <option>e</option>
 </select>      
 <li>Item 5</li>
</ul>

您可以复制上面的html并在此处http://jsfiddle.net/VPNP4/1/

进行尝试

Answer 1

以正确的方式格式化HTML当前您已将选择框置于ul中，或者将其放在ul之外，或者将其放在另一个li或同一个li中

尝试以下

<ul class="sortable">
 <li>Item 1</li>
 <li>Item 2</li>  
 <li>Item 4
 <select>
      <option>A</option>
      <option>c</option>
      <option>d</option>
      <option>e</option>
 </select> 
</li>      
 <li>Item 5</li>
</ul>

或

<ul class="sortable">
 <li>Item 1</li>
 <li>Item 2</li>  
 <li>Item 4</li>
 <li><select>
      <option>A</option>
      <option>c</option>
      <option>d</option>
      <option>e</option>
 </select> 
</li>      
 <li>Item 5</li>
</ul>

使用以下脚本代码

$('.sortable').sortable({
    connectWith: ".sortable",

});

表示删除您编写的最后一行 jsfiddle.net/sumit_2201/6Q7LG/