使用 .trigger() 进行 jQuery UI 拖放

Question

我试图在没有鼠标/用户交互的情况下手动“触发”拖放。

到目前为止，我已经能够设置 jQuery UI demo 进行拖放，但无法使用触发器触发拖放（） 方法。

任何人都可以帮忙设置这个吗？

到目前为止我的代码是：

  $(function() {
      $( "#draggable" ).draggable();
      $( "#droppable" ).droppable({
      drop: function( event, ui ) {
        $( this )
        .addClass( "ui-state-highlight" )
        .find( "p" )
        .html( "Dropped!" );
      }
    });

    $('#draggable').trigger("drop", $('#droppable'));
  });

提前致谢！

---

让事情变得更简单。我想要做的就是从 droppable() 之外的任何地方调用“drop”方法，但我始终需要能够指定事件和 ui 对象。

Answer 1

为什么不创建一个由放置触发的自定义事件？所以你可以自己触发它：

$(function(){
    $( "#draggable" ).draggable();
    $( "#droppable" ).droppable({
        drop: function( event, ui ) {
            $(this).trigger("customEvent", ui);
        }
    });
    $( "#droppable" ).bind("customEvent", function(event, ui ){         
        $( this )
                .find( "p" )
                    .html( "Dropped!");
    });  
   $( "#droppable" ).trigger("customEvent", $( "#draggable" ));  
});

Answer 2

我认为你想要的是：

$('#droppable').trigger('drop', $('#draggable'));

但即便如此，我想知道可拖动元素是否会像掉落的一样进入可放置元素......