Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jQuery UI使用.trigger()拖放_Jquery_Jquery Ui_Triggers_Drag And Drop - Fatal编程技术网

jQuery UI使用.trigger()拖放

jQuery UI使用.trigger()拖放,jquery,jquery-ui,triggers,drag-and-drop,Jquery,Jquery Ui,Triggers,Drag And Drop,我试图在没有鼠标/用户交互的情况下手动“触发”拖放 到目前为止,我已经能够为拖放设置jQuery UI,但无法使用trigger()方法触发拖放 有人能帮忙设置吗 到目前为止,我的代码是: $(function() { $( "#draggable" ).draggable(); $( "#droppable" ).droppable({ drop: function( event, ui ) { $( this ) .ad

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

到目前为止,我已经能够为拖放设置jQuery UI,但无法使用trigger()方法触发拖放

有人能帮忙设置吗

到目前为止,我的代码是:

  $(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对象。

我想您需要的是:

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

但即便如此,我也不知道Dragable元素是否会像被丢弃的一样进入Dropable…

为什么不创建由drop触发的自定义事件?所以你可以自己触发它:

$(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" ));  
});

这不是答案,我只是不明白你的问题。如果没有与用户进行交互,什么事件会使拖放发生?没有特定的“事件”。我只需要模拟拖放过程和拖放后发生的任何功能,就好像用户实际上在拖放一样。把它想象成打开一个保存的文件……可能它的副本确实说要创建一个var drop_函数=$(“#droppable”)。droppable('option','drop');drop_函数();但是在这个函数中我在哪里引用了#draggable?你找到解决方案了吗?我发现自己此刻问的正是同样的问题!我看不出这会让你掉到可放下的东西上。没有控制台错误,但也没有触发的丢弃事件。