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 Can';t拖动已拖动的元素_Jquery Ui_Jquery Draggable_Jquery Droppable - Fatal编程技术网

Jquery ui Can';t拖动已拖动的元素

Jquery ui Can';t拖动已拖动的元素,jquery-ui,jquery-draggable,jquery-droppable,Jquery Ui,Jquery Draggable,Jquery Droppable,我有一个简单的拖放情况。如果拖放绿色框,拖放处理程序将克隆拖动的对象,并将其插入发生拖放的xy处的红色框中。绿色框具有绝对定位,克隆在放置点处具有偏移量 拖放框一次就可以了,但是我不能拖放克隆和插入的新框,即使Firebug显示它有ui draggable类 有人看到问题了吗 谢谢 显然,我需要展示一些代码,因为我引用了一个JSFIDLE: <div id="red"> <div id="box_green" class="green"></div>

我有一个简单的拖放情况。如果拖放绿色框,拖放处理程序将克隆拖动的对象,并将其插入发生拖放的xy处的红色框中。绿色框具有绝对定位,克隆在放置点处具有偏移量

拖放框一次就可以了,但是我不能拖放克隆和插入的新框,即使Firebug显示它有ui draggable类

有人看到问题了吗

谢谢

显然,我需要展示一些代码,因为我引用了一个JSFIDLE:

<div id="red">
    <div id="box_green" class="green"></div>  
</div> 

没有直接的方法可以做到这一点。看看这个

    $('#orangeBox').draggable({
        opacity:'0.5', 
        helper:'clone',
        revert : 'invalid'
    });   
    $('#page').droppable({
        accept:'#orangeBox',
        drop: function( event, ui ) {
            $(this).after($(ui.helper).clone());
        }
    });

我找到了答案。一旦你克隆了一个项目并将其删除,它就不再绑定到draggable函数,因此将最后一行更改为

.prependTo('#red').draggable({opacity:'0.5',helper:'clone'})


成功了。

非常抱歉!上面的链接指向错误的JSFIDLE!让我重建它并获得一个适当的链接。几分钟后回来。好啊完成了,JSFIDLE就在这里。我还更改了原始帖子中的链接,所以现在这两条评论都可以忽略。(很抱歉弄错了。)