关于用JS创造可拖动的层的问题

[byn9826]

有二十个层，
每个层中包含一个input用来传递和保存值，
当所包含的input有值，则该input所在的层style:visible，无值则该层隐藏
当拖动一个包含的input有值的div1 到 所包含的input无值的div2所在的位置的时，
div1中input的值给div2中的input
div1返回初始位并隐藏
div2 style:visible
每个input的值发生变化时，同时也将更新数据库中相应的位置

在网上找了可移动div的代码，并实现了上面的功能

但每一个div的判断句就要写350行代码，20个div总共快7000行代码了
请问这样是否会影响网站打开速度，或者怎么样修改代码呢

代码可见
http://topic.csdn.net/u/20120110/23/b93f4d62-3d59-4781-8d19-303f8c81dfe5.html?52614

[NemoAlex]

这么多的 if 写的全部都是相似的代码？
建议楼主把模型归纳一下，利用函数和对象来解决问题

[byn9826]

@NemoAlex
对啊
二十个层有自己的位置，所以拖动其中任意一个层就会有19种选择，就是19个if，这就是350行
然后要20个层就是20×350行
我想把20个套用一个模型
但楼主是新手，不知道怎么定义函数才会让每个层的事件不相互影响= =
最后总是导致mouseup事件失灵……

[NemoAlex]

@byn9826 正好睡不着，愿意帮你一下

企鹅号 37382845
Email/Gtalk [e-mail]

[xiaoyao281]

@NemoAlex nemo 好