jquery mobiscroll使用
Posted Sun_Song
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery mobiscroll使用相关的知识,希望对你有一定的参考价值。
参数:
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使用的主要内容,如果未能解决你的问题,请参考以下文章
jquery mobile mobiscroll 日期插件使 用mobiscroll
利用jquery mobiscroll插件选择日期selecttreeList的具体运用
Mobiscroll datepicker 被 jQuery Mobile 模态隐藏
Jquery mobiscroll 移动设备(手机)wap日期时间选择插件以及滑动滚动插件