jQuery选择并拖动Chrome问题

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

问题在于铬。如果一个元素具有“-webkit transform:rotate”适当性，则整个跨度都会上升。这很奇怪，因为它在Firefox中分叉很好

您可以在以下位置看到一个工作示例： 只需在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});
                });
            },
    });

});

---

谢谢。

我无法在IE9中测试它（使用mac），但在拖动函数的右括号中有一个不应该出现的逗号。虽然在大多数浏览器中，这不会导致fatel错误，但大家都知道IE会因小事而死亡

---

编辑：刚刚发布了这个问题有多老。。。抱歉

我不认为它在Firefox中工作有什么奇怪的，因为Firefox无论如何都不会注意“-webkit转换”样式。我在FF中也有一个-moz转换，它可以工作。我试着在Chrome中拖动一个旋转的元素，我得到了同样的“跳跃”。一定是Chrome bug