jQuery UI拖放与.trigger()

前端之家收集整理的这篇文章主要介绍了jQuery UI拖放与.trigger()前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图“触发”手动拖放,而不需要鼠标/用户的交互.

到目前为止,我已经能够设置jQuery UI demo进行拖放,但无法使用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对象.

解决方法

为什么不创建一个自定义事件,由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" ));  
});
原文链接:https://www.f2er.com/jquery/179816.html

猜你在找的jQuery相关文章