JQ UI排序表:停止排序表内的一些元素排序

JQ UI Sortables: Stop some elements inside Sortable from being sorted

本文关键字：排序 元素 UI JQ      更新时间：2023-09-26

我有这个排序表的结构(它是一个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'元素是可排序的。抓手不应该是悲伤的。我在可排序选项中指定了:

{ items: '.window' }

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

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

PORTLET形象

在同一行(".gripper_v")的窗口之间排序时出现问题

我不确定你到底想在这里做什么(截图可能会有所帮助)，"抓手"是用户应该点击拖动的"窗口"的一部分吗?

如果是这种情况，尝试在window元素中添加抓手，如下所示:

<div id="sortable">
  <div class="window">
    <div class="gripper"></div>
  </div>
  <div class="window">
    <div class="gripper"></div>
  </div>
</div>
相关文章：