Jquery可排序的’change’事件元素位置

前端之家收集整理的这篇文章主要介绍了Jquery可排序的’change’事件元素位置前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有办法获得助手被拖到新位置的当前位置吗?
  1. $("#sortable").sortable({
  2. start: function (event,ui) {
  3. var currPos1 = ui.item.index();
  4. },change: function (event,ui) {
  5. var currPos2 = ui.item.index();
  6. }
  7. });

看来,当实际改变发生时,currPos1和currPos2具有相同的值!

我需要实现的是突出显示用户“开始拖动元素”到“当前替换的元素”之间的所有位置。一旦用户释放鼠标按钮更新发生,只有当我得到新的位置,但我需要它之前鼠标释放。

解决方法

UPDATED:26/08/2016使用最新的jquery和jquery ui版本加bootstrap风格。
  • demo: 07000
  1. $(function() {
  2. $('#sortable').sortable({
  3. start: function(event,ui) {
  4. var start_pos = ui.item.index();
  5. ui.item.data('start_pos',start_pos);
  6. },change: function(event,ui) {
  7. var start_pos = ui.item.data('start_pos');
  8. var index = ui.placeholder.index();
  9. if (start_pos < index) {
  10. $('#sortable li:nth-child(' + index + ')').addClass('highlights');
  11. } else {
  12. $('#sortable li:eq(' + (index + 1) + ')').addClass('highlights');
  13. }
  14. },update: function(event,ui) {
  15. $('#sortable li').removeClass('highlights');
  16. }
  17. });
  18. });

猜你在找的jQuery相关文章