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

Question

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

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

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

Answer 1

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

基于 jQuery 示例：

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

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

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

Answer 2

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

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

#selectable{
    overflow: hidden;
}