码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2017-10-16 12:14:36      阅读:233      评论:0      收藏:0      [点我收藏+]

标签:src   bsp   网上   组件   nbsp   包含   页面   问题   兼容性   

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

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

技术分享

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

技术分享

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

技术分享

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

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

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

标签:src   bsp   网上   组件   nbsp   包含   页面   问题   兼容性   

原文地址:http://www.cnblogs.com/c-l-m/p/7676081.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!