用jQuery做点击下箭头改变方向

       先上一张图,效果就是要求点击下箭头,变成上箭头,再点击恢复原状,其实做这个并不难,但需要注意的是,如果设置全局变量flag,当同时点开多个条目,箭头方向就会失常。所以要给每个img图片上设置一个自定义属性,用自己的属性控制而不受其他属性的影响。


在img图片中增加data-arrow属性,设置属性值为true。


然后给所有的cli父元素绑定点击事件,通过获取自定义属性来判断,是否将箭头图片进行切换


这样做条目之间就不受影响了


猜你喜欢

转载自blog.csdn.net/lianwenxiu/article/details/79807179