JQuery 中的 UI 拖放

Question

我正在开发 Drag'n'Drop 界面。一切正常。我需要一些额外功能方面的帮助。

我有 3 列包含拖动的项目。每个项目都有一个标题编号：1,2,3，...它下面的面板 2、3 等）。

Answer 1

这是你想要的吗？

$( ".content .draggable-area" ).sortable({
    connectWith: ".draggable-area",
    tolerance: "pointer",
    cursor: "move",
    cursorAt: {top: 10, left: 10},
    distance: 30,
    opacity: 0.8,
    stop: function(event, ui) {
        $('.draggable-area').each(function(){
            $(this).find('.draggable-box').each(function(){
               $(this).find('h2').html($(this).index()+1); 
            });
        });
    }
});

演示：
http://jsfiddle.net/Xr3ne/1/