我正在尝试组合一个可拖动的面板(在顶部)和一个可排序的面板(底部).
拖动工作正常,但排序失败.
这是我的JS小提琴:
http://jsfiddle.net/dmUKY/9/
drag’n drop和sortable函数共享droppable:drop函数.
排序元素时,该函数必须替换所选对象.
drop: function (event,ui) {
//alert($(this).parent().html());
//alert($(ui.helper).attr('class'));
var obj;
if ($(ui.helper).hasClass('draggable')) {
//alert('draggable');
obj = $(ui.helper).clone();
obj.removeClass('draggable').addClass('editable')
//obj.addClass('droppable');
$(this).parent().append(obj);
}
//alert($(this).parent().html());
}
我应该如何结合这两个功能?
解决方法
将代码更改为此应该可以解决问题:
obj.removeClass('draggable').addClass('editable').removeAttr('style');
//obj.addClass('droppable');
$(this).append(obj);
检查小提琴:http://jsfiddle.net/dmUKY/11/