2

リスト A またはリスト B の項目を含む 3 つのリストを作成したいのですが、リスト B からリスト A に、またはその逆はできないように、リスト C に移動できる必要があります。また、リスト C の項目は、元がリスト A からのものである場合はリスト B に移動できないはずであり、リスト B からのものである場合はリスト A についても同じです。およびリスト B の項目は別のクラスです。

私がこれまでに持っているコードは次のとおりです。

    $(function () {
    $("ul").sortable({
        connectWith: "ul",
        beforeStop: function (ev, ui) {
            if ($(ui.item).hasClass('ui-state-default') && $(ui.placeholder).parent()[0] == $HERE) {
                $(this).sortable('cancel');
            }
        }
    });

私が「HERE」を持っているところは、そのような条件を挿入しようとしてきたところです。今のところ、1 つのリストに制限を加えようとしているだけです。これを機能させることができれば、2 つ目のリストは簡単なはずだからです。

4

1 に答える 1

0

すでに実装されている利用しようとしているロジックがたくさんあるので、ソート可能ではなく、ドラッグ可能/ドロップ可能の組み合わせを使用する必要があると思います。したがって、リスト A と B にはドラッグ可能な要素があり、リスト C はドロップ可能な要素になります。

ドロップ可能には「受け入れる」オプションがあり、ドロップできる要素の css セレクター フィルターを設定できます。

{ accept: ".only-these" }
于 2012-11-20T09:58:14.003 に答える