选择框在带有 jquery ui-sortable 的 Mozilla 16.0.1 中不起作用

Question

我有一个可拖动的 jquery ui-sortable 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 当前您已将选择框磨损地放在 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/