我要做一个类似YOKA百搭平台的Demo。
参考链接 http://baida.yoka.com/editor/
测试用户名: csdn 密码:111111
实现类似它那样 选择一个图片 拖拉复制到新区域 并保存效果。
技术我想使用jquery UI。draggable + droppable
draggable里有helper:'clone' 这个属性。无法实现我复制的效果请问各位高手有没有好的方法,救救小妹,谢谢啦!
参考链接 http://baida.yoka.com/editor/
测试用户名: csdn 密码:111111
实现类似它那样 选择一个图片 拖拉复制到新区域 并保存效果。
技术我想使用jquery UI。draggable + droppable
draggable里有helper:'clone' 这个属性。无法实现我复制的效果请问各位高手有没有好的方法,救救小妹,谢谢啦!
helper: "clone",
revert: "invalid"
});
#normalClumunnDl是我要拖拽的dl的id,可以多个,以“,”分开。其他的类似吧,你可以试一试。
$(function(){
//引用主页面中的所有块,拖拽后div的id
//var els = ['#header2','#header', '#content', '#sidebar', '#footer', '#trashcan'];
var els = ['#header', '#content', '#sidebar', '#footer', '#trashcan'];
var $els = $(els.toString());
$els.sortable({
revert: true,
items: '> dl', //拖拽对象
handle: 'dt', //可触发该事件的对象
cursor: 'move', //鼠标样式
opacity: 0.8 //拖拽时透明
});
//可以拖拽的div的id
$( "#hot,#hot1,#hot2,#hot3" ).draggable({
connectToSortable: $els,
helper: "clone",
revert: "invalid"
});
$( "div, dl" ).disableSelection();
});
</script>
这个代码,你看看吧