我正在尝试创建拖放活动,其中左侧有一些图像,我们必须将图像放到目标div内部。有人可以帮我或指导我这个我是html5和jquery的新手吗?
如果可拖动项与该特定目标div不匹配,那么它会回到原来的位置
逻辑就是这样 img拖 { if(img == targeted div){ img放在div里面 }
否则{ 它恢复到原来的位置 }
和visa versaaa
答案 0 :(得分:1)
你需要jquery UI draggable和droppable。您可以在此处推荐他们:http://api.jqueryui.com/droppable& http://api.jqueryui.com/draggable。
我为它创造了一个小提琴。因此,图像有等级"是"只会丢弃在div中,其余的不会丢弃。 以下是示例代码:
$('.drag img').draggable({
revert: 'invalid',
});
$('.drop div').droppable({
accept: '.yes'
});
Jsfiddle链接:http://jsfiddle.net/p2taQ/