【发布时间】：2014-09-15 14:14:57
【问题描述】：
我有一个jsFiddle 显示问题。如果您在 FF 32.0.1（截至目前的最新版本）中打开这个，您会注意到 <select> 不可点击。 Chrome 的效果很棒。
关于如何进行这项工作的任何建议？
对于那些不愿意打开链接的人来说：
html:
<ul id="sortable">
<li><span>drag me 1
<select>
<option value="somevalue1">some value 1</option>
<option value="somevalue2">some value 2</option>
</select>
</span>
</li>
<li><span>drag me 2</span></li>
<li><span>drag me 3</span></li>
<li><span>drag me 4</span></li>
</ul>
js（使用cancel docs）：
$("#sortable").sortable({
handle: "span",
cancel: "select"
}).disableSelection();
css:
span {
cursor: move;
}
#sortable {
list-style-type: none;
}
#sortable li {
margin: 3px;
height: 30px;
background-color: gray;
}
【问题讨论】：
-
我会将
select标签放在span标签之外。但是这个改变并不能解决你的问题...... -
@cor 是的，我也会这样做，但我必须处理这样的标记，至少现在是这样。是的 - 这并不能解决问题，这是一个遗憾