在使用中也算是顺利,只是在一些不支持canvas的浏览器中,图组切换的那几个导航点不大喜欢,在支持canvas的浏览器中它是圆点,在不支持canvas的浏览器中它是带圆角的矩形点,于是我在源码中关闭了他的canvas的支持,然后给每个导航点设置一个合适的border-radius,使得在所有android webview中都呈现圆点;还有在测试oppo手机的时候,发现图组切换的导航点居然不见了,经过测试,是在这台oppo的机子使用canvas时的bug,考虑到可以不使用canvas所以全部换成span,经测试,问题完美解决;由于导航点颜色单一,在不同颜色的图片背景下容易看不清,所以我模仿唯品会的效果,加了个外边框。下面是修改后的Touchslid下载链接,共享给大家。
http://ptjob.egoocn.com/ lib/Touchslid.js