JQUERY UI Sortable：阻止Sortable中的一些元素被排序

Question

我有这个可排序的结构（它是一个 portlet）。

<div id="sortable">
   <div class="row">
       <div class="window"></div>
       <div class="gripper_v"></div>
       <div class="window"></div>
   </div> 

   <div class="gripper_h"></div>

   <div class="row">
       <div class="window"></div>
       <div class="gripper_v"></div>
       <div class="window"></div>
   </div>

   <div class="gripper_h"></div>

   <div class="row">
       <div class="window"></div>
       <div class="gripper_v"></div>
       <div class="window"></div>
   </div> 
</div>

'window' 元素是可排序的。夹持器不应该是可分类的。我已经在 Sortable 选项中指定：

{ items: '.window' }

但我看到，在我拖动时，窗口在抓手上排序，这是我不希望的。我希望抓取器对 Sortable 不可见。

编辑：夹具用于在 X 和 Y 轴上调整窗口大小。使用给定的 html 代码，我将得到这个 portlet。

PORTLET IMAGE

在同一行的窗口之间排序时出现问题（“.gripper_v”）

Answer 1

我不确定您究竟想在这里做什么（屏幕截图可能会有所帮助），“抓手”是用户应该点击拖动的“窗口”的一部分吗？

如果是这种情况，请尝试在窗口元素中添加抓手，如下所示：

<div id="sortable">
  <div class="window">
    <div class="gripper"></div>
  </div>
  <div class="window">
    <div class="gripper"></div>
  </div>
</div>