Javascript jquerydrag&;拖放模拟插件

Javascript jquerydrag&;拖放模拟插件,javascript,jquery,jquery-ui,drag-and-drop,simulate,Javascript,Jquery,Jquery Ui,Drag And Drop,Simulate,提前感谢您的关注!我无法通过以下扩展插件模拟jQuery UI提供的拖放功能: 该文档使用了我为满足需要而修改的以下内容: $('#draggableDiv').simulate("drag", {dragTarget: otherDiv}); Changed to this: $('#placeme').simulate("drag", {dragTarget: $("#page1")}); 我的警告消息从未弹出,因此很明显,drop函数从未启动,我不知道为什么。手动将对象拖动到第1页的

提前感谢您的关注!我无法通过以下扩展插件模拟jQuery UI提供的拖放功能:

该文档使用了我为满足需要而修改的以下内容:

$('#draggableDiv').simulate("drag", {dragTarget: otherDiv});

Changed to this:
$('#placeme').simulate("drag", {dragTarget: $("#page1")});
我的警告消息从未弹出,因此很明显,drop函数从未启动,我不知道为什么。手动将对象拖动到第1页的行为正常

JSFiddle:

HTML:

你应该使用

$('#placeme').simulate("drag-n-drop", {
有案可查

工作


如果只模拟拖动,则不会发生下降

谢谢您的帮助!这是一个很好的办法,因为我无法发布源代码,所以试图将其应用到我的实际项目中。非常感谢你的时间。
$(document).ready(function(){
     $(".droppableShape").draggable({
            helper:'clone'
     });

    $(".page").droppable({
        accept: ".droppableShape",
        tolerance: 'fit',
        drop: function(event,ui){
            alert("Drop Detected");

            var new_field = $(ui.helper).clone().removeClass('droppableShape');
            var droppable_page = $(this);
            var droppableOffset = $(this).offset();
            new_field.css('top', ui.position.top - droppableOffset.top);
            new_field.css('left', ui.position.left - droppableOffset.left);

            // Set Draggable Options
            new_field.draggable({
                containment: droppable_page,
                stop: function(event, ui) {
                    // Save position after dragging stops
                    $(this).data("x_cord", ui.position.left);
                    $(this).data("y_cord", ui.position.top);
                    $(this).draggable( "disable" );
                }
            });

            // Add to drop area
            $(this).append(new_field);
        }
    });

    $( "#testme" ).click(function() {
        $('#placeme').simulate("drag", {
            dragTarget: $("#page1")
        });
        console.log("Simulate Attempted");
    });
});
$('#placeme').simulate("drag-n-drop", {