0

ドラッグ アンド ドロップ アプリケーションでドロップ領域を計算して選択したいと考えています。

私が作りたいもの：

  1. ボックスをドロップ可能な div の上または下にドラッグすると、幅は 100% でな​​ければなりません
  2. ボックスを他のボックスの近くにドラッグすると (1 つのボックスが連続している場合)、それらの幅は 50% - 50% である必要があります
  3. ボックスをドラッグして、すでにラッパーにあるボックスを変更する場合、それらは再度そのように計算する必要があります。

ここに私のコード例があります 

$(".box").draggable({
    snap: '#droppable',
    snapMode: 'outer',
    revert: "invalid",
    cursor: "move",
    helper: "clone"
    //connectToSortable: "#droppable"
});

$("#wrapper").droppable({
    drop: function(event, ui) {
        var dropped = $(ui.draggable).clone();
        var droppedOn = $(this);
        $(dropped).detach().css({
            top: 0,
            left: 0
        }).appendTo(droppedOn);
        $(this).addClass("ui-state.highlight").find("p").html("");
    }
});

どうすればそれができるか教えてください。

ありがとう

4

1 に答える 1

5

このJQFAQ.comトピックを見てください。これは、計算された幅を設定するのに役立ち、指定された領域に要素をドロップできます。サンプルの FAQ もいくつかあります。

于 2012-11-16T13:23:16.780 に答える