jQuery UI 可选择事件不会在可拖动时触发

Question

我实现了可拖动和可选择的 jQuery UI。当我有两个已初始化的组件并选择其中一个时，如果我在没有释放鼠标的情况下单击另一个组件并开始拖动它，则从另一个组件中删除“ui-selected”类但它没有进入在任何可选择的情况下。

我需要一个方法或事件，在我上面描述的操作之后进入。

可选：

Selectable: {
        init: function(el) {
            $(el).selectable({
                filter: '.existing-component', 
                selecting: function (event, ui) {
                    $(event.target).children('.ui-selecting').find('.existing-component').removeClass('ui-selecting');
                },
                stop: function(event, ui) {
                      console.log('stop');
                });
                start: function(event, ui) {
                      console.log('start');
                });
            });
            // manually trigger the "select" of clicked elements
            $(el).find('.existing-component').click( function(e){
              .
              .
              .
              $(el).selectable('refresh');
              $(el).data("ui-selectable")._mouseStop();
            });
         }
       }

可拖动：

Draggable: {
        init: function(el, options) {

            $(el).draggable(options, {
                scroll: false,
                snap: '.gridlines',
                snapTolerance: $('.grid').attr('data-size') / 2,
//              revert: "invalid",
                preventCollision : true,
                preventProtrusion : false,
                collisionVisualDebug : false,

                drag: function(event, ui) {
                      console.log('drag')
                }
          });
     }
}

Answer 1

我找到了我的方法，在上述操作中进入 Draggable.start 事件并且仍然选择了前一个组件。