0

我是这个案子的堆栈。

有人可以帮我吗？我想在不单击/控制的情况下同时拖动多个项目/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
            });
        }
    });
});

如果有人可以帮助我，我将不胜感激

非常感谢！

4

1 回答 1

0

您忘记了 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/

于 2013-06-22T10:42:22.927 回答