js移动端插件iosSelect.js之页面中多次使用该插件的问题

 iosselect是在webapp下的一个picker组件,可以轻松实现各类选择器效果。比如地区选择 时间选择 日期选择等。网上教程是很多的,github详解:https://github.com/zhoushengmufc/iosselect ,好上手,兼容性也不错,不过还是会有点小问题,这里要说的是同一个页面多次调用该插件时出现的问题。

页面中可能会多次调用该插件,如下图。

demo里面有包含页面中两次调用该插件的写法,但是两次调用使用的数据是一个data。而通常我们两次调用的数据肯定是不同的,所以就给修改了一下(仅限于一级选择)。

页面里面调用需要修改this指向,另外在调用的数据bank.js里面的data也要做修改,如下图

原来是data只是一级数组,里面包含n多个对象,修改后data数字里面可以包含n多个数组,数组里面的数据可以自己定义,和调用次数保持一致。

这样在同一页面里就可以多次调用该插件了。

posted @ 2017-10-16 11:12  聪明没一休  阅读(2315)  评论(0编辑  收藏  举报