拖放活动jquery?

时间:2014-04-14 06:07:07

标签: javascript html

我正在尝试创建拖放活动,其中左侧有一些图像,我们必须将图像放到目标div内部。有人可以帮我或指导我这个我是html5和jquery的新手吗?

如果可拖动项与该特定目标div不匹配,那么它会回到原来的位置

逻辑就是这样 img拖 { if(img == targeted div){ img放在div里面 }

否则{ 它恢复到原来的位置 }

和visa versaaa

1 个答案:

答案 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/