JQuery創建動態和平整/縮進元素列表

Question

我正在努力構建一個工具，允許我們的管理員創建關鍵字級別，然後與他們的文檔相關聯。例如，關鍵字佈局看起來像這樣：

Level 2: NBA Teams 
    Level 3: Eastern Conference 
    Level 3: Western Conference 
     Level 4: Oklahoma City Thunder 
     Level 4: Memphis Grizzlies 

等...這應該給你一個想法。我有一個非常接近的模擬，但是一旦開始引入4級，似乎零星的物品是否被添加到他們正確的巢穴中。

http://jsfiddle.net/mrU5n/1/

我不知道是不是真的還有什麼別的問題，但需要一些時間，然後點擊周圍的的jsfiddle測試，看看有4級的問題，在某些情況下，工作平穩，但在別人，它沒有，我還沒有找到鏈接來確定究竟是什麼導致四級關鍵字被添加到錯誤的關鍵字3級。在某些情況下，如果我向3級關鍵字添加4級關鍵字，則添加新的3級關鍵字，但不會將其添加到列表底部，而是將其添加到4級關鍵字以上。

任何幫助將非常感激！謝謝！

Answer 1

我放棄了這個想法，並在重新思考邏輯之後完全重新編寫了它。對於任何感興趣的人。

這裏是一個片段：

var index_2 = 16; 
$("#container").on('click','.addlevel2', function() { 
    $(level2_div).insertAfter(".level2_main:last").find("input").attr("name","field_"+index_2).attr("id","field_"+index_2); 
    index_2++; 
    return false; 
}); 

這裏是顯示一個工作版本的新的jsfiddle：

http://jsfiddle.net/xJ94F/