Страницы

Поиск по вопросам

суббота, 6 июля 2019 г.

Проблема с JQuery

Пользуюсь библиотекой jqery-ui, и при разработке появилась проблема того, что на один draggable-элемент могут реагировать сразу 2 droppable-элемента. Мне нужно чтобы мог реагировать только один. При этом у draggable-элемента задан tolerance: 'touch'. Схематично проблему я попытался изобразить на картинке:


Ответ

В общем, ждать ответ на свой комментарий у меня нет сегодня времени, поэтому я наугад смодулировал ситуацию. Посмотрите рабочий пример и если поможет, то плиззз )) Draggable

  • Droppable
  • Droppable
  • Droppable
  • Droppable
  • Droppable
- #drop_list { width: 145px; } #drop_list li, #drag_el { padding: 15px 35px; border: 1px solid #900; margin: 2px; } #drag_el { float: right; background: #FF0; } .red { background: #F00; color: #FFF; } .green { background: #0F0; color: #FFF; } - $('#drag_el').draggable({cursor: 'move'}); $('#drop_list li').droppable({ hoverClass: 'green', drop: function() { $(this).addClass('red'); $('#drop_list li').not(this).removeClass('red'); } });

Комментариев нет:

Отправить комментарий