有没有人知道Vadim的JQuery插件Swappable

时间:2011-05-09 04:05:48

标签: javascript jquery

Vadim's JQuery plugin假设我有四个具有不同元素集的ID,我只想交换三个ID元素,而第四个ID的元素不可交换。

ID:#foo,#zoo,#soo,#mo [每个ID都有不同的'身高'和& “宽度”]

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

Q1。想要检查元素的父ID是否在Swappable ID中。行:9

Q2。如果拖累drop elements parent是可交换的和不同的,假设 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           }  }   });

1 个答案:

答案 0 :(得分:0)

您是否尝试过使用JQuery UI中的this widjet?这太棒了。完成后,您可以检查排序顺序并在每个项目上应用所需的高度和宽度。