2013-12-20 70 views
0

Ey帥哥,請看看這個小提琴:http://jsfiddle.net/HG8k6/Jquery UI中的連接嵌套列表可排序

$(document).ready(function() { 
    $("ul.containers").sortable({ 
     axis: 'y', 
     placeholder: "ui-state-highlight", 
     forcePlaceholderSize: true 
    }); 

    $("ul.containers").disableSelection(); 

    $("ul.rows").sortable({ 
     axis: 'y', 
     placeholder: "ui-state-highlight", 
     forcePlaceholderSize: true 
    }); 

    $("ul.rows").disableSelection(); 
}); 

它以某種方式工作確定,我有集裝箱和行,我可以將它們完美的,但是我真正想實現的是容器之間移動行,例如從container2的移動ROW5到Container1。預先感謝哥倫比亞和南美洲的問候!

回答

3

使用connectWith:'.rows'已更新fiddle

+0

太棒了!有用!所以我在這裏先進了......但請看看小提琴,現在我的問題是當我添加一個動態容器的行,行不能被拖動......怪異......如果我只是添加一排,它像一個魅力。謝謝! – Roger

+0

只是對新添加的行進行初始化排序。我已經更新小提琴請看http://jsfiddle.net/HG8k6/4/ –

+0

優秀!現在它工作得很好,但爲什麼容器行爲與行不同,都是以動態方式添加的。謝謝你的幫助! – Roger