2012-12-06 28 views
0

我申請的jQuery下面的div列表排序是我的代碼如何使事業部固定在jQuery UI的排序

    <div class="area_options"> 
         <div class="area_top"><p>At the bar</p></div> 
         <div class="area_list"><p>Appetizers</p></div> 
         <div class="area_list"><p>Beverages</p></div> 
         <div class="area_list"><p>Cocktail</p></div> 
        </div> 

我要讓area_top DIV固定的那球container.And的應用上可排序只有are_list div的基礎。

現在可以排序工作正常,並適用於area_top div。

如何讓area_top div固定?

感謝

+0

這是你在找什麼? [jsfiddle](http://jsfiddle.net/shuklendu/UAcC7/17/)以及包含/排除項目部分[這裏](http://jqueryui.com/sortable/#items) – Magicmarkker

+0

看這裏。這應該回答你的問題。 http://stackoverflow.com/questions/4299241/jquery-sortable-lists-and-fixed-locked-items –

回答

1

您需要的選項排序的items()設置爲.area_list

財產here的文件說:

指定哪些元素中的項目應該是排序。

編輯:以您目前的HTML,JavaScript的會是這樣:

$(".area_options").sortable({ items: ".area_list" }); 
+0

如何指定area_list類 – Kashiftufail

+0

我用一個例子更新我的答案 – koopajah

+0

謝謝你的工作+1 – Kashiftufail