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

Question

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

<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 目前你已经把选择框​​ worngly 放在 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/