如何在 jquery ui 中固定 Div 可排序

Question

我在下面的 div 列表上应用 jquery 可排序是我的代码

                    <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 固定为容器的标题。并且仅在 are_list div 的基础上应用可排序。

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

如何使 area_top div 固定？

谢谢

Answer 1

需要将sortable()的选项items设置为.area_list

here 属性的文档说：

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

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

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