按钮上的JQuery Draggable,帮助程序选项不起作用

时间:2013-12-20 12:55:31

标签: jquery jquery-ui jquery-draggable jquery-droppable

我想将按钮从一个div拖到另一个div。我正在使用帮助选项“克隆”,但我的原始按钮现在正在拖动。我想执行一项任务,当拖动停止时我想删除克隆对象并在同一位置创建不同的元素...

这是我的可拖动和可丢弃的代码..请告诉我我做错了什么!!

btn.draggable({
    helper: 'clone',
    cancel: false,
    appendTo: dropContainer,
    revert: "invalid",
    cursor: 'move'
});
btn.disableSelection();
var top1, left1;
dropContainer.on("mousemove", function (event) {
    top1 = event.pageY - 10;
    left1 = event.pageX - 220;
});
dropContainer.droppable({
    accept: btn,
    drop: function (event, ui) {
        var dropped = ui.draggable;
        $(dropped).detach().css({
            top: top1,
            left: left1
        }).appendTo(dropContainer);
    }
});

0 个答案:

没有答案