ruby-on-rails - 如何在 jquery ui 中固定 Div 可排序

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

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

我怎样才能使 area_top div 固定？

谢谢

Answer 1

您需要将itemssortable() 的选项设置为.area_list

这里的财产文件说：

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

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

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