Jquery UI结合了可排序和可拖动

前端之家收集整理的这篇文章主要介绍了Jquery UI结合了可排序和可拖动前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试组合一个可拖动的面板(在顶部)和一个可排序的面板(底部).

拖动工作正常,但排序失败.

这是我的JS小提琴:
http://jsfiddle.net/dmUKY/9/

drag’n drop和sortable函数共享droppable:drop函数.
排序元素时,该函数必须替换所选对象.

  1. drop: function (event,ui) {
  2. //alert($(this).parent().html());
  3. //alert($(ui.helper).attr('class'));
  4. var obj;
  5. if ($(ui.helper).hasClass('draggable')) {
  6. //alert('draggable');
  7. obj = $(ui.helper).clone();
  8. obj.removeClass('draggable').addClass('editable')
  9. //obj.addClass('droppable');
  10. $(this).parent().append(obj);
  11.  
  12. }
  13.  
  14.  
  15. //alert($(this).parent().html());
  16. }

我应该如何结合这两个功能

解决方法

代码更改为此应该可以解决问题:
  1. obj.removeClass('draggable').addClass('editable').removeAttr('style');
  2. //obj.addClass('droppable');
  3. $(this).append(obj);

检查小提琴:http://jsfiddle.net/dmUKY/11/

猜你在找的jQuery相关文章