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看不见。

编辑：Grippers用于在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>

JQ UI Sortables：停止排序Sortable中的一些元素

1 个答案: