如何在使用JQuery UI Selectable插件绑定的元素上启用dblclick事件？

Question

在我的情况下,我有一个UL JQuery UI Selectable插件应用程序,但同时,我希望项目女巫绑定与selectable plugin我做这个项目的东西.double click但它似乎是JQuery UI Selectable plugin had block the dblclick event.那么,我怎样才能让它发挥作用？

例如:

<script>
    $(function() {
        $( "#selectable" ).selectable();

                $( "#selectable" ).dblclick(function(){
                    // do something here
                })
    });
    </script>

<ul id="selectable">
    <li class="ui-widget-content">Item 1</li>
    <li class="ui-widget-content">Item 2</li>
    <li class="ui-widget-content">Item 3</li>
    <li class="ui-widget-content">Item 4</li>
    <li class="ui-widget-content">Item 5</li>
    <li class="ui-widget-content">Item 6</li>
    <li class="ui-widget-content">Item 7</li>
</ul>

非常感谢你!!

Answer 1

如果你添加.ui-selected来取消传入可选方法的选项,那么你可以双击b/c它不会引起选择.ui选择项目上的事件.

$('#selectable').selectable({ 
  cancel: '.ui-selected' 
});

虽然,这确实会取消取消选择所选项目的能力.您可以执行以下操作以手动取消选择

$('.ui-selected').on('click', function() {
  $(this)
    .removeClass('ui-selected')
    .parents('.ui-selectable')
    .trigger('selectablestop');

  // you might also want to trigger selectablestop.
});

Answer 2

您只需将距离设置为大于0的数字即可记录点击次数和双击次数.

$("#selectable").selectable({
    distance: 1
});

请参阅http://forum.jquery.com/topic/selectable-dosn-t-fire-click-event

Answer 3

在 jQuery 中，您可以链接事件，如下所示：

$( "#selectable" ).selectable().dblclick();

我不确定这是否有效，因为这两个事件都是点击事件。