起因:对一个div列表做拖动排序
设计思路
1、点击div时记录当前状态,为document绑定mousemove事件,让div的坐标跟随event获取到的当前鼠标位置改变,从而达到移动的目的。
2、记录当前拖动的div高度,每次移动时与当前列表中的div高度依次对比,得到当前拖动div移动的位置,将当前位置的div向下偏移,达到视觉上的动态效果。
3、当鼠标弹起时,将拖动的div,插入到当前位置div处。
4、获取div列表,重新排序,改变显示序号。
所遇问题:
重新布局后的div,之前绑定的click事件竟然不起作用。
应该是在chrome下经过after(或其他移动元素的方法)方法后的元素,原绑定事件失效。chrome浏览器对Dom的支持与firefox、IE应该有所不同吧。
在firefox下没有遇到此类问题。
解决问题:
无奈,只好在重新排序时,clone()一个当前拖动的div,将新生成的div插入到列表中,重新为clone出来的div绑定事件,原拖动的div只好...咔嚓了..
chrome和firefox的浏览器区别啊。。。。。浪费了1个半小时。。太耽误事了..