如何使Div在jquery中修复ui可排序

Question

我在下面的div列表中应用jquery sortable是我的代码

                    <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的标题。并且仅在are_list div的基础上应用sortable。

现在可排序正常工作，也适用于area_top div。

我如何才能使area_top div固定？

由于

Answer 1

您需要将sortable（）的选项items设置为.area_list

财产here的文档说：

  

指定元素中的哪些项目应该是可排序的。

编辑：使用您当前的HTML，javascript将是这样的：

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