Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Проблемы с sortable jquery (https://javascript.ru/forum/dom-window/71874-problemy-s-sortable-jquery.html)

alnik-75 19.12.2017 08:11

Проблемы с sortable jquery
 
Добрый день, форумчане!
Обращаюсь к тем, кто неплохо знаком с плагином sortable jquery.
Внутри элементов сортируемого списка разместил элементы форм. Когда, например, текстовое поле при нажатии мушки получает фокус, происходит зависание плагина до тех пор, пока курсор в поле не начнет моргать. соответственно, в этот момент невозможно перетаскивание элементов сортируемого списка.

Кто сталкивался с такой проблемой и решима ли она?

Заранее спасибо за помощь

рони 19.12.2017 09:21

alnik-75,
сделайте минимальный макет.

alnik-75 19.12.2017 12:57

сейчас нет доступа к исходникам. Спасибо за то, что отозвались. Можно я позже скину код?

рони 19.12.2017 15:55

alnik-75,
ок, и может исключить перетаскивание за текстовые поля?

Dilettante_Pro 19.12.2017 16:03

Не знаю, насколько соответствует тому, что у ТС, но вроде ничего не подвисает
<style>
#sortable{list-style-type:none; margin:0; padding:0; width:60%;}
#sortable li{margin:3px; padding:0.4em; font-size:1.4em; background-color:#fff; border:1px solid #888}
</style>  
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>

<ul id="sortable">
  <li>Item 1<textarea></textarea></li>
  <li>Item 2<textarea></textarea></li>
  <li>Item 3<textarea></textarea></li>
  <li>Item 4<input type='text'></li>
  <li>Item 5<input type='text'></li>
  <li>Item 6<input type='text'></li>
  <li>Item 7<input type='text'></li>
</ul>
<script>
$( "#sortable" ).sortable().disableSelection();
</script>


Часовой пояс GMT +3, время: 21:41.