我现在面临着另一件我无法弄清楚如何做的事情.
我是jQuery的新手,我正在尝试使图标可拖动,当你将它放入文件夹(.folder div)时,它将被移动到那里.
>拖动图标
(我知道如何拖动它但它只在父div中可见,而不是在整个网页上.)
>放在#navbar上的文件夹上(左侧)
(再次,我无法弄清楚如何使它在特定div上可以放置)
>删除原始内容上移动的div并重新对齐所有其他div
>调用PHP页面将与此div关联的文件移动到所选目录
页面中心的div(我希望它们可拖动)是图标,当您拖动它们然后将它们放在左侧的文件夹上时,它将被移动到那里.
在这里你可以看到它的样子(使用Firefox更好):http://narks.xtreemhost.com/
这只是一个向您展示的测试页面.有人可以帮帮我吗?
要了解网页的结构,请参阅Windows 7 explorer in CSS layout(再次感谢IvanIvanić的宝贵帮助1)
编辑jQuery Drag&掉落:
$( "div.explorer_icon" ).draggable({
opacity: 0.50,revert: true,distance: 30,zIndex: 9999,scroll: false,appendTo: 'body',containment: 'window',helper: 'clone'
});
$( "#navbar div.item_list" ).droppable({
accept: '.explorer_icon',hoverClass: 'item_list_hover',tolerance: 'pointer',drop: function(event,ui) {
}
});