jquery Выберите и перетащите Chrome Shood -- jquery поле с участием draggable пол Связанный проблема

jQuery Select and Drag Chrome problem


3
vote

проблема

русский

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

Проблема в Chrome. Если один элемент имеет «-Webkit-Transfrance: повернуть», весь промежуток подпрыгивает. Его странно, потому что это вилы в 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});                 });             },     });  });   

Спасибо.

Английский оригинал

I have a select and drag function. Basically you can select 3 elements and drag them together.

The problem is in Chrome. If one element have a "-webkit-transform: rotate" propriety the whole span jumps up. Its strange because it forks fine in Firefox.

You can see an working example at: http://jsfiddle.net/K2EX9/4/ just give it a try in Chrome, select with the mouse the 3 elements and drag them.

Here is the code:

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

Thank you.

</div
     
   
   

Список ответов

0
 
vote

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

Редактировать: только что выпустил, сколько лет этот вопрос ... извините

 

I'm not able to test it in IE9 (have a mac), but on the closing bracket of your drag function you have a comma that shouldn't be there. While in most browsers this would not cause a fatel error, IE is know to die on small things.

Edit: just released how old this question is... sorry

</div
 
 

Связанный проблема

1  Форма подписки Rapidmail перенаправляет после подписки электронной почты - MailChimp  ( Rapidmail subscription form redirect after email subscription mailchimp ) 
Я создаю веб-страницу, которая включает в себя очень простую форму подписки, в основном собирая адреса электронной почты, заинтересованные в продукте. Для это...

-1  Что не так с этим кодом jQuery, его сумасшедшая? [закрыто]  ( What is wrong with this jquery code its driving my crazy ) 
<в сторону CLASS = "S-NEWACTS S-WELTIVE__info JS-Post-New Imide MB16« Роль = «Статус»> закрыт. Этот вопрос не соответствует Рекомендациям переполнения ...

1  JavaScript не работает над динамическим контентом  ( Javascript not working on dynamic content ) 
У меня есть страница, где в HTML Div загружен с другой страницы. На родительской странице у меня есть JavaScript, который имеет элементы, которые применяются ...

0  Скрывая неупорядоченный список, когда у него нет элементов  ( Hiding an unordered list when it has no elements ) 
У меня есть проблема, которая кажется сначала, как общий язык No-Brainer и легкая задача. У меня есть плагин JavaScript на моей странице, который генерирует...

0  jQuery: перечислять элементы после удаления  ( Jquery enumerate elements after deletion ) 
Вот упрощенная версия моей страницы: HTML <код> <div id="id-0" class="item">x</div> <div id="id-1" class="item">x</div> <div id="id-2" class="item">x</div...

1  JSON Данные не рендеринга в раскрывании Kendo UI  ( Json data not rendering in kendo ui dropdown ) 
пытается сделать <код> Json Возвращенные данные в <Код> kendo Выпадающий список, но не рендеринг. Пожалуйста, найдите код Snippett. Я могу увидеть бдительну...

0  Как изменить цвет фона в jQuery  ( How to change background color in jquery ) 
Я хочу исчезать цвет фона, когда фокусируется; <код> $(document).ready(function() { $('.skiplink').focusin(function(){ $('#skip...

0  JQuery и Radio Button Help  ( Jquery and radio button help ) 
У меня есть данные, импортируемые из базы данных, и я хотел бы представлять эти данные в наборе радиопередач. Если значение в базе данных - 1 «Статус клиента»...

6  Как я могу найти неиспользованные CSS в AJAX приложении?  ( How can i find unused css in ajax app ) 
Я искал, и я не могу найти какие-либо дополнения или JavaScript для поиска неиспользованных CSS в приложениях AJAX. Select-Me Selectors Можете сделать са...

0  в то время как цикл превышает каждый метод  ( While loop over takes the each method ) 
Я добавляю элемент на страницу, используя статический номер в соответствии с кликом пользователя. Таким образом, элемент имеет серийный номер в соответствии с...

0  Показать Скрыть div on click  ( Show hide a div on click issues ) 
У меня есть изображение с классом «Action_image», который при нажатии показывает меню. Это изображение с скрытым меню появляется несколько раз на той же стран...

0  Как закрыть всплывающее окно, когда видео YouTube играет на кнопке кнопки ESC?  ( How to close popup when youtube video is playing on esc button button ) 
Нажмите меня, чтобы увидеть демонстрацию Когда видео не играет, то кнопка ESC нажала всплывающее окно, но он не работает при воспроизведении видео. ...

1  Делая сова карусели жидкость / работа в процентах?  ( Making owl carousel liquid work in percentages ) 
У меня установлена ​​сова карусель, и она работает очень хорошо. Я доволен плагином, но что меня беспокоит, это то, что он не масштабируется с видом на просмо...

0  .append () элемент с более чем одним классом  ( Append element with more than one class ) 
Я не могу найти информацию о том, можно ли использовать .append (), чтобы добавить элемент в HTML и дать этому элементу более одного класса <код> $( ".nav"...

0  Разбор в твиттере JSON  ( Parsing a twitter json ) 
Я использую следующий код для Perfom A Поиск в API Twitter: <код> $.post('lib/themattharris-tmhOAuth-38bd48b/search.php', {q:'@something', pag...




© 2021 www.qaru.top All Rights Reserved. Q&A House все права защищены


Licensed under cc by-sa 3.0 with attribution required.