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

时间:2009-10-28 02:30:41

标签: javascript jquery jquery-ui selectable

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

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

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

2 个答案:

答案 0 :(得分:3)

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

基于jQuery示例:

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

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

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

答案 1 :(得分:1)

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

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

#selectable{
    overflow: hidden;
}