jQuery.selectorPx移动端下拉框插件
微信端的苹果风下拉框，用jquery.selector-px.js搞定挺方便的。视觉效果接近 iOS 原生，滑动手感也蛮顺滑。你只要简单调用下插件，整个交互体验就能上个档次，尤其适合移动端表单场景。
微信页面的选择器交互，原生<select>兼容性不太理想，用这个插件能避开不少坑。支持滑动选择、阻止页面穿透，响应也快，兼容性也比较靠谱，iOS 和安卓测试下来都还不错。
使用方式也不复杂，引入jquery后，再加载jquery.selector-px.js，像下面这样初始化：
$('#yourSelector').selectorPx({
title: '选择城市',
items: ['北京', '上海', '广州']
});你可以自定义标题、数据项，还支持回调，像选完值后干点别的事情也能。比较适合做城市选择、分类选择这类场景，省心省力。
哦对了，如果你想看类似的实现，可以参考jQuery 下拉框插件这篇文章，里面还有其他选择器样式，搭配着用效果更好。
如果你正在做 H5 项目，尤其是微信内嵌页面，不妨试试看jquery.selector-px.js，体验感真的比原生<select>强不少。
文件大小：23.78KB
评论区