当前位置:Gxlcms > JavaScript > jQuery插件实现适用于移动端的地址选择器_jquery

jQuery插件实现适用于移动端的地址选择器_jquery

时间:2021-07-01 10:21:17 帮助过:5人阅读

最近在工作中需要用到地址选择器,像下面这样的,本想在网上找一个,可是没找到,于是自己写了个jquery插件。


直接上代码吧:

代码很简单。这边需要提到的一段代码是:

这段是通过字母导航省份的代码。当手指在字母上滑动时,touchmove事件并不能确定当前的字母是哪个,因为e.target永远是touchstart时的那个字母。所以我不得不通过坐标来判断手指位于哪个字母上,这样就导致一个问题,每次滑动都必须遍历26个字母的坐标,这样效率是非常低的,但是目前我也没有好的办法。

该插件的使用方法非常简单:

// html代码

demo: http://demo.jb51.net/js/2016/cityPicker-master/test.html。最好用手机浏览器或者chrome模拟器打开。

如果有需要的朋友,可以从http://www.gxlcms.com/jiaoben/430774.html 下载。

人气教程排行