javascript - クリックまたは Ctrl クリックなしで複数の DIV を同時にドラッグ

Question

私はこのケースのスタックです。

誰でも私を助けてもらえますか？複数のアイテム/DIVを同時にドラッグしたい クリック/コントロール ドラッグしたいアイテムをクリックします。つまり、デフォルトでは、ドラッグしたいアイテムは、ページがロードされたときにすでに「選択」されています。このようなものが欲しいのですが、ローカルサーバーで試しましたが、うまくいきません。

$(document).ready(function () {
    var selectedClass = 'ui-state-highlight';

    var $draggableElems = $("#draggable div").draggable({
        start: function (e, ui) {
            if (e.target.id == "start") $draggableElems.addClass(selectedClass);
            else return false;
        },
        stop: function (e, ui) {
            // reset group positions
            $('.' + selectedClass).css({
                top: 0,
                left: 0
            });
        },
        drag: function (e, ui) {
            if (e.target.id == "start") {
                // this works because the position is relative to the starting position
                $('.' + selectedClass).css({
                    top: ui.position.top,
                    left: ui.position.left
                });
            }
        }
    });

    $("#droppable").droppable({
        drop: function (e, ui) {
            var $selectedElems = $('.' + selectedClass).remove().clone();
            $selectedElems.appendTo($(this)).add(ui.draggable) // ui.draggable is appended by the script, so add it after
            .removeClass(selectedClass).css({
                top: 0,
                left: 0
            });
        }
    });
});

誰かが私を助けてくれれば幸いです

どうもありがとう！