Проблема jQuery Select и Drag Chrome - PullRequest
3 голосов
/ 18 июня 2010

У меня есть функция выбора и перетаскивания. Вы можете выбрать 3 элемента и перетащить их вместе.

Проблема в Chrome. Если один элемент имеет свойство «-webkit-transform: rotate», весь диапазон увеличивается. Это странно, потому что в Firefox он отлично работает.

Рабочий пример можно посмотреть по адресу: 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});
                });
            },
    });

});

Спасибо.

1 Ответ

0 голосов
/ 25 марта 2011

Я не могу проверить это в IE9 (есть Mac), но на закрывающей скобке вашей функции перетаскивания у вас есть запятая, которой не должно быть. В то время как в большинстве браузеров это не приведет к ошибкам судьбы, IE, как известно, умрет на мелочах.

Изменить: только что опубликовал, сколько лет этот вопрос ... извините

...