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

Question

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

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

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

Answer 1

'selectable' 中的鼠标事件监听器绑定(bind)到您附加它的包装器元素。通过将它附加到 body 并提供过滤器，您可以获得您正在寻找的东西。

基于 jQuery 示例:

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

*编辑:不幸的是因为 this._trigger("stop", event);它将停止页面上的其他事件。

您最好的解决方案可能是让可选的包装器变大。*