5

我正在寻找一些关于一次将两个图像拖到一起的脚本的帮助。我目前有一个脚本，允许我将缩略图图像拖到收藏箱中以便以后保存。但是，我的一些缩略图顶部有一个图像，以将这些缩略图表示为“未知”植物。我想知道是否有人可以指出我将如何将这两个图像绑定在一起以进行拖动的正确方向。这是我的代码：

$(document).ready(function() {
var limit = 16;
var counter = 0;
$("#mainBin1, #mainBin2, #mainBin3, #mainBin4, #mainBin5, #bin_One_Hd, #bin_Two_Hd, #bin_Three_Hd, #bin_Four_Hd, #bin_Five_Hd").droppable({
    accept: ".selector, .plant_Unknown",
    drop: function(event, ui) {
                counter++;  
        if (counter == limit) {
            $(this).droppable("disable");

        }


            $(this).append($(ui.draggable).clone());


            $("#cbOptions").show();
            $(".item").draggable({
                    containment: "parent",
                    grid: [72,72],
            });
    }
});
$(".selector").draggable({
   helper: "clone",
    revert: "invalid",
    revertDuration: 700,
    opacity: 0.75,
});

 $(".plant_Unknown").draggable({
   helper: "clone",
    revert: "invalid",
    revertDuration: 700,
    opacity: 0.75,
});

});

任何帮助将不胜感激。谢谢。

编辑：网站

4

2 回答 2

1

您可以用一个可拖动的容器包围当前的可拖动元素，而不是以前的可拖动元素。

<div class=".container">
    <div class=".selector">...</div>
    <div class=".plant_Unknown">...</div>
</div>

然后，将您的可拖动调用替换为：

$(".container").draggable({
   helper: "clone",
    revert: "invalid",
    revertDuration: 700,
    opacity: 0.75,
});

PS：看到网站后，您也可以考虑将您的链接标签作为建议的容器。

于 2012-07-18T14:53:00.190 回答
0

您可以创建一个包含这两个元素的对象（函数或变量），然后拖动该对象。

于 2012-07-02T17:41:30.990 回答