Jquery ui Can';t拖动已拖动的元素
我有一个简单的拖放情况。如果拖放绿色框,拖放处理程序将克隆拖动的对象,并将其插入发生拖放的xy处的红色框中。绿色框具有绝对定位,克隆在放置点处具有偏移量 拖放框一次就可以了,但是我不能拖放克隆和插入的新框,即使Firebug显示它有ui draggable类 有人看到问题了吗 谢谢 显然,我需要展示一些代码,因为我引用了一个JSFIDLE: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>
<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就在这里。我还更改了原始帖子中的链接,所以现在这两条评论都可以忽略。(很抱歉弄错了。)