Guest User

Untitled

a guest
Mar 20th, 2018
78
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.28 KB | None | 0 0
  1. <ul data-id-status="1" class="tasot_suppilo_block">
  2. <li data-id-lead="24">
  3. <div class="drag-item-suppilo-status">...</div>
  4. 24
  5. </li>
  6. <li data-id-lead="25">
  7. <div class="drag-item-suppilo-status">...</div>
  8. 25
  9. </li>
  10. </ul>
  11.  
  12. <ul data-id-status="2" class="tasot_suppilo_block">
  13. <li data-id-lead="26">
  14. <div class="drag-item-suppilo-status">...</div>
  15. 26
  16. </li>
  17. <li data-id-lead="27">
  18. <div class="drag-item-suppilo-status">...</div>
  19. 27
  20. </li>
  21. </ul>
  22.  
  23. $( "<?=$options?>" ).sortable({
  24. connectWith: ".tasot_suppilo_block",
  25. cancel: ".title_suppilo",
  26. items: 'li', // Указывает какие элементы в группе могут быть отсортированы.
  27. handle: '.drag-item-suppilo-status', //Указывает элемент, при щелчке на который начнется перетаскивание.
  28. helper:'original', // Устанавливает вид элемента помощника original или clone
  29. opacity:1, // прозрачность перетаскиваемого элемента
  30. cursor: 'n-resize', // вид курсора при нажатии
  31. revert: 'true', // эффект вставляния перетаскиваемого элемента
  32. placeholder:"ui-state-highlight",
  33. stop: sortList,
  34. beforeStop: function(event, ui) {
  35. console.log(''+ui.item.data('id-lead')+'); // свойство item объекта ui представляет перемещаемый элемент
  36. }
  37.  
  38. }).disableSelection();
  39.  
  40. beforeStop: function(event, ui) {
  41. console.log(ui.item.parent().data('id-status')); // свойство item объекта ui представляет перемещаемый элемент
  42. }
Add Comment
Please, Sign In to add comment