jQuery UI Selectables - 从对象外部开始拖动选择

Question

我正在使用jQuery UI Slectable http://jqueryui.com/demos/selectable/

初始化后（就像在该链接上的演示一样）。拖动选择仅在我开始在对象顶部按住鼠标按钮时才有效。如果我从对象外部开始拖动选择，则选择不起作用。

有没有办法启用它，以便用户可以在Selectable对象之外启动拖动选择？

Answer 1

'selectable'中的鼠标事件侦听器绑定到您将其附加到的包装元素。通过将它连接到身体并提供过滤器，您可以获得您想要的东西。

基于jQuery示例：

$('body').selectable({ filter: '#selectable li' });

*编辑： 不幸的是因为this._trigger（“停止”，事件）;它将阻止页面上的其他事件。

您最好的解决方案可能是让选择器周围的包装更大。*

Answer 2

这种行为已经发生了，你只是看不到它！

只需调整ul.selectable的css，使其正确包含浮动的li。

#selectable{
    overflow: hidden;
}