JQ UI Sortables：停止 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>

“窗口”元素是可排序的。夹具不应该是可排序的。我已在“可排序”选项中指定：

{ 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>