甘特图与jQuery

http://jsfiddle.net/JeaffreyGilbert/VkghS/

目前在行之间进行排序可以通过拖动barWrap(灰色)来完成.可以通过拖动栏来移动甘特酒吧.

我想要的是排序和移动可以通过拖动栏一次完成.如何实现这一点？

任何帮助将不胜感激,谢谢.

解决方法

可排序的小部件具有句柄功能.所以：

$(function() {
    $( ".gantt" ).sortable({
        handle: '.bar' // Make it sortable by dragging the .bar instead of the container
    });
    /*
    $( ".bar" ).draggable({
        connectToSortable: '.gantt',containment: '.barWrap',grid: [20,0]
    });
    */
    $( ".bar" ).resizable({
        handles: 'e,w',grid: [ 20,0 ]
    });

    $(".gantt").disableSelection();
});

编辑(见评论)：你必须拿出可拖动的东西,哪个国际海事组织没有那么糟糕,因为人们仍然可以用可调整大小来改变位置.您可以尝试使用可拖动的句柄来找到它们都可以工作的方法.