Question

我是这种情况的堆栈。

是的，有人可以帮帮我吗？我想在没有单击/控制的情况下同时拖动多个项目/ DIV单击我想要拖动的项目。这意味着，默认情况下，我的页面加载后，我要拖动的项目已经“ selected ”。我想要这样的东西this，我在我的本地服务器上试过它，但它对我不起作用。

$(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
            });
        }
    });
});

如果有人可以帮助我，我会很感激

非常感谢！

Answer 1

你忘记了jQuery UI库，在jsfiddle上你只需要选中jQuery UI 1.8.18的复选框

<script type="text/javascript" src"js/jquery_ui_1.8.18"></script>

http://jsfiddle.net/MmWbH/2/

在没有Click或Ctrl Click的情况下同时拖动多个DIV

1 个答案: