如何让div上下移动,并使用jquery交换id变量

时间:2013-12-28 01:44:54

标签: javascript jquery html toggle moveabletype

是否可以上下移动div,并在上下切换时更改ID的值?

EX

<div id="main_window">
     <div id="window_1"> //this window moves down and also 
         <input id="var_1"> //gets the value of "3" from the div below
     </div>
     <div id="window_3"> //this window moves up and also
         <select id="var_3"></select> //gets the value of "1" from the div above
     </div>
     <div id="window_6">
         <textarea id="var_6"></textarea>
     </div>
     <div id="window_8">
         <input id="var_7">

     </div>
</div>

div被推高时应该获得最高的id / name值,但不能只切换id变量的内容。

只要目标完成,就可以通过点击或拖动来完成移动事件

1 个答案:

答案 0 :(得分:1)

对于使用jQuery轻松移动的div,我建议使用jQueryUI Sortable

您可以在update [docs]

等事件处理程序中重新分配ID /名称值