Question

jquery ui 的 Selectable 和 Draggable 的结合使用 试了很多方法都不行，需要实现的功能

jquery ui 的 Selectable 和 Draggable 的结合使用 试了很多方法都不行，需要实现的功能：
代码如下

<div class="dragbox1" id="dragbox1">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>

</div>

相对上面的li 进行拖动 和选中

细节描述：
1.鼠标单击li 的时候 为选中状态 （为select 状态）
2.鼠标可以直接拖动 li
3.鼠标单击li之后 也可以拖动li

单独的选择和拖动 我都测试过了 非常简单 但是 Selectable 和 Draggable 一起用的时候就没法操作了 好像是两者不能共存 但是我确定是有办法解决的 还望jquery ui高手指点指点 万分感激！有不明白的地方可以提出来 我会及时回复！

Answer 1

这是一个已知的 bug（至 jQuery 1.9.1 + UI 1.10.1 都有这问题）。
draggable 和 selectable 或 sortable 一起使用都会出现这种情况。

解决方法：

$("#dragbox1").selectable().find("li").draggable();

$("#dragbox1 li").click(function() {
if(!$(this).hasClass("ui-selected")) {
$(this).addClass("ui-selected").siblings().removeClass("ui-selected");
}
});