5

一度に 2 つの画像を一緒にドラッグするスクリプトのヘルプを探しています。現在、サムネイル画像をコレクションビンにドラッグして後で保存できるスクリプトがあります。ただし、私のサムネイルの中には、これらのサムネイル画像を「未知の」植物として表すために、それらの上に画像が配置されているものがあります。これらの 2 つの画像を結合してドラッグする方法について、誰かが私を正しい方向に向けることができるかどうか疑問に思っていました。これが私のコードです：

$(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: Web サイトを見た後、リンク タグを推奨されるコンテナーと見なすこともできます。

于 2012-07-18T14:53:00.190 に答える
0

両方の要素を含むオブジェクト (関数または変数) を作成してから、オブジェクトをドラッグできる場合があります。

于 2012-07-02T17:41:30.990 に答える