jQuery 选择并拖动 Chrome 问题

Question

我有一个选择和拖动功能。基本上您可以选择 3 个元素并将它们拖动到一起。

问题出在 Chrome 中。如果一个元素具有“-webkit-transform:rotate”属性，则整个跨度都会向上跳跃。这很奇怪，因为它在 Firefox 中 fork 得很好。

您可以在以下位置查看工作示例: http://jsfiddle.net/K2EX9/4/只需在 Chrome 中尝试一下，用鼠标选择 3 个元素并拖动它们即可。

这是代码:

$('#selectable1').bind('dragSetup', function() {

  var selected = $([]), offset = {top:0, left:0};

    $('#selectable1 span.drag').draggable({
                start: function(ev, ui) {
                $(this).is("#selectable1 span.ui-selected") || $("#selectable1 span.ui-selected").removeClass("ui-selected");
                selected = $("#selectable1 span.ui-selected").each(function() {
                var el = $(this);
                el.data("offset", el.offset());

                });

                offset = $(this).offset();

            },

            drag: function(ev, ui) {

                var dt = ui.position.top - offset.top, dl = ui.position.left - offset.left;

                selected.not(this).each(function() {
                    var el = $(this), off = el.data("offset");
                    el.css({top: off.top + dt, left: off.left + dl});
                });
            },
    });

});

谢谢。

Answer 1

我无法在 IE9(有 Mac)中测试它，但是在拖动函数的右括号上有一个不应该出现的逗号。虽然在大多数浏览器中这不会导致 fatal error ，但众所周知 IE 会因小问题而死机。

编辑:刚刚发布了这个问题多久了......抱歉