有谁知道瓦迪姆的JQuery插件Swappable

Does anybody know about Vadim's JQuery plugin Swappable

本文关键字:JQuery 插件 Swappable 谁知道      更新时间:2023-09-26

瓦迪姆的JQuery插件 假设我有四个具有不同元素集的 ID,我只想交换三个 ID 元素,而第四个 ID 的元素不可交换。

ID

#foo, #zoo, #soo, #moo [ 每个 ID 都有不同的"高度"和"宽度" ]

可交换:#foo、#zoo #soo [ #moo 不可交换]

问题 1.想要检查元素的父 ID 是否在可交换 ID 中。 行 : 9

Q2. 如果拖放元素父级是可交换的并且不同,假设 drag_id.parentID = #foo,drop_id.parentID = #zoo 然后相互交换它的高度和宽度。线路 : 11,12,13

1.     $("#foo, #zoo, #soo").swappable({  
2.        [#moo elements can't be drag but act as a drop (target)]
3.              ...
4.           stop: function(event, ui) { 
5.              var drag_id = ui.item[0].id;
6                var target_id = event.originalEvent.target.id;
7.           
8.  i want to confirm drag & drop's parentID are swappable or not 
9.    e.g. ??  if($.ui.contains ( drag_id.parentID, target_id.parentID )) {
10      
11       if(drag_id.parentID != target_id.parentID)
12.           {  
13            then swap the width & height of elements to each other }
14           }  }   });

您是否尝试过从 JQuery UI 中使用此 widjet?真是太棒了。完成后,你可以检查排序顺序,在每个项目上应用你想要的高度和宽度。