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

jquery mobiscroll使用

时间:2017-06-06 14:15:57      阅读:319      评论:0      收藏:0      [点我收藏+]

标签:显示   default   样式   ima   roi   lis   输入框   nbsp   lang   

参数:

theme是指主题

display:bottom 是指弹出框的位置,分别可以使用top,bottom,inline来定义,这里解释一下inline的用法:inline的话就可以实现页面一加载就能看到这个弹出框,如果使用top和bottom,则必须使得输入框获得焦点才可以弹出。

lang: "zh" 选择语言

rows:3 显示出来的行数

setText:"确定" 确定按钮的文字

cancelText: "取消" 取消按钮的文字

headerText:组件头部说明的文字

defaultValue:文本框默认值

 

假如有一个列表需要滑动

<ul id="swiperul">
<li>茶令</li>
<li>户外申时茶会</li>
<li>茶令</li>
<li>户外申时茶会</li>
<li>茶令</li>
<li>户外申时茶会</li>
</ul>

引入js和css

 

$("#swiperul").mobiscroll().treelist({
theme: "android-ics light",
lang: "zh",
display: ‘inline‘,
rows:3
});

就可以滑动

如不要文本框可以设置为hidden或display隐藏

样式可自行修改

.dw-i 设置需要滑动的文字样式

技术分享

 

jquery mobiscroll使用

标签:显示   default   样式   ima   roi   lis   输入框   nbsp   lang   

原文地址:http://www.cnblogs.com/SunSong/p/6951037.html

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