2012-09-13 134 views
0

所以我不知道爲什麼,如果我有一個嵌套列表,如jquery可排序?

<ul id="categories"> 
    <li> <span class="categoriesSort">[Move]</span>Category 
    <ul id="tasks"> 
     <li><span class="handle">[Move]</span>Task</li> 
     <li><span class="handle">[Move]</span>Task</li> 
    </ul> 
    </li> 
    <li> <span class="categoriesHandle">[Move]</span>Category 
    <ul id="tasks"> 
     <li><span class="handle">[Move]</span>Task</li> 
     <li><span class="handle">[Move]</span>Task</li> 
    </ul> 
    </li> 
</ul> 

第二類必須是在上面,以便其任務是編輯.....我可以移動兩個類別。但一個必須在最上面。現在如果我將第二個類別移動到列表頂部並編輯其任務,我可以將其拖動到底部並繼續編輯任務列表,但是如果我刷新頁面,那麼這些任務將不再可編輯。

代碼

jQuery(function() { 
    return $('#categories').sortable({ 
     axis: 'y', 
     handle: '.categoriesSort', 
     update: function() { 
     return $.post($(this).data('update-url'), $(this).sortable('serialize')); 
     } 
    }); 
    }); 

    jQuery(function() { 
    return $('#tasks').sortable({ 
     axis: 'y', 
     handle: '.handle', 
     update: function() { 
     return $.post($(this).data('update-url'), $(this).sortable('serialize')); 
     } 
    }); 
    }); 

有什麼想法? - Ajax請求正常工作。它只是除非第二類是頂級的,我不能分類它的任務。

回答