JQ插件 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 设置需要滑动的文字样式

 

转载于:https://www.cnblogs.com/SunSong/p/6951037.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/283433.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

commons-lang3:DateUtils

2019独角兽企业重金招聘Python工程师标准>>> /** * 以秒为标准时间的毫秒数 */ public static final long MILLIS_PER_SECOND 1000 /** *以分钟为标准时间的毫秒数 */ public static final long MILLIS_PER_MINUTE 60 * MILLIS_PER_S…

SVN配置提交代码自动部署

最近新开了web端项目&#xff0c;前端开发完成后&#xff0c;需要将打包文件再替换到web目录&#xff0c;感觉有点麻烦&#xff0c;于是想找找一劳永逸的方法&#xff0c;恰好配置svn的 post-commit可以实现此功能&#xff0c;在此记录下来。 hooks SVN安装路径下有个hooks文件…

Blazor University (46)依赖注入 —— Transient 依赖

原文链接&#xff1a;https://blazor-university.com/dependency-injection/dependency-lifetimes-and-scopes/transient-dependencies/Transient 依赖Transient 依赖是最容易理解的。在构建注册为 Transient 的可注入依赖项时&#xff0c;依赖项容器只是充当工厂。一旦实例被创…

AM335x 添加 HUAWEI MU609 Mini PCIe Module,并用pppd 启动相关设备

kernel 的配置kernel 3.2.0make menuconfigDevice Drivers --->[*] USB support ---><*> USB Serial Converter support ---><*> USB driver for GSM and CDMA modems kernel 3.2.0make menuconfigDevice Drivers --->[*] Network device supp…

深度挖掘 Laravel 生命周期

本文首发于个人博客 深度挖掘 Laravel 生命周期&#xff0c;转载请注明出处。这篇文章我们来聊聊 「Laravel 生命周期」 这个主题。虽然网络上已经有很多关于这个主题的探讨&#xff0c;但这个主题依然值得我们去研究和学习。 我想说的是当我们在决定使用某项技术的时候&#x…

构建LAMP平台及应用系统

LANP架构指的是协同工作的一整套系统和相关软件&#xff0c;能够提供动态Web站点服务及其应用开发环境。LAMP是一个缩写词&#xff0c;具体包括linux操作系统、apache网站服务器、mysql数据库服务器、PHP&#xff08;或Perl、Python&#xff09;网页编程语言。在构建LAMP平台时…

C# DataRow 转 Model 对象 再也不用一个字段一个字段去写了

/*************************************************************************************** 文 件 名: DalUtiles.cs* 描 述: * * 版 本&#xff1a; V1.0* 创 建 者&#xff1a; JackieZheng* 创建时间&#xff1a; 2022/10/16 下午 05:42* * 历史更新记录* 版本…

pyqt2_官网教程

sklearn实战-乳腺癌细胞数据挖掘&#xff08;博主亲自录制视频&#xff09; https://study.163.com/course/introduction.htm?courseId1005269003&utm_campaigncommission&utm_sourcecp-400000000398149&utm_mediumshare Articles You can find a collection of P…

VUE页面发布后显示空白 原因之一及解决办法

<template><div><div></div></div><el-dialog></el-dialog> </template> 改为&#xff1a; <template><div><div></div><el-dialog></el-dialog></div> </template> …

Windows10安装WSL2和Ubuntu的过程

因为在Windows10环境中安装了2个相同的包导致冲突&#xff0c;所以想到了通过WSL2Docker的方式进行编程开发。因为Docker Desktop直接安装就行了&#xff0c;不做介绍。本文主要介绍WSL2和Ubuntu的安装过程。一.安装前的环境准备1.升级Windows系统因为低于某个版本号不支持WSL2…

Hyper-V数据文件丢失解决方案(有图有真相)

一、Hyper-V虚拟化故障概述 1、虚拟机环境故障虚拟化环境为ESXI虚拟化服务器&#xff0c;虚拟机环境&#xff0c;虚拟机的硬盘文件和配置文件放在北京某服务器托管公司的DELL MD3200存储中&#xff08;存储由5块容量为600G的硬盘组成raid磁盘阵列&#xff09;。该存储中4块硬盘…

关于bedtools merge 功能中sort 命令的解释

Bedtools 是一个很好的用来处理区间的工具&#xff0c;很多时候用这个底层语言编写的小工具比自己写的脚本运行快很多&#xff0c;但是这个工具中的某些功能对输入文件有一定的要求&#xff0c;比如说里面的一个merge函数&#xff0c;这是里面的一个note&#xff1a; Note&…

cocos2dx 3.x(屏幕截图的两种方法)

【RenderTexture】 RenderTexture这个动态纹理类&#xff0c;顾名思义就是可以动态创建纹理图片。 屏幕截图主要步骤&#xff1a; > 开始截图&#xff1a;render->begin(); > 遍历场景&#xff1a;scene->visit(); > 结束截图&#xff1a;render->end(); >…

SQL小技巧,动态输出本周各天日期

SET DATEFIRST 1; --设置周一为每周第一天 SELECT DATEFIRST;WITH w AS(SELECTCONVERT(varchar(10),T.[Date],120) AS [Date],DATENAME(weekday, T.[Date] ) AS [Week],DATEPART(WK, T.[Date]) AS WeekIndexFROM(SELECTDATEADD(DAY, number, DATEADD(wk, DATEDIFF(wk, 0, get…

开源的价值观与文化的传递

| 作者&#xff1a;Sharan Foga, Apache 软件基金会董事&#xff08;2021 届、2022 届&#xff09;&#xff0c;曾亲身来到 2019 中国开源年会&#xff08;COSCon19&#xff09;以本文内容发表主题演讲。| 翻译&#xff1a;刘天栋.Ted&#xff0c;徐红伟.stronghx| 审阅&#x…

用python来更改小伙伴的windows开机密码,不给10块不给开机

今天教大家用python脚本来控制小伙伴们windows电脑的开机密码。没错就是神不知鬼不觉&#xff0c;用random()随机生成的密码&#xff0c;只有你自己知道哦~ 代码呢分两部分&#xff0c;一部分是client端跟server端两个。你只需要想办法让小伙伴运行你的client端脚本就OK啦。不过…

Vue中@click.stop与@click.prevent

Vue中click.stop与click.prevent 一、click.stop 问题&#xff1a;父元素中添加了一个click事件&#xff0c;其下面的子元素中也添加了click事件&#xff0c;此时&#xff0c;我想点击子元素获取子元素的点击事件&#xff0c;但却触发的是父元素的事件&#xff1a; <view cl…

ES6 promise

如何使用promise对象? 参考连接&#xff1a; http://es6.ruanyifeng.com/#docs/promise 转载于:https://www.cnblogs.com/taoshengyijiuai/p/6963279.html

巧用ThreadPool.QueueUserWorkItem实现接口二次调用

背景最近做了个项目有个接口涉及到批量计算的问题&#xff0c;耗时比较长。大家都知道&#xff0c;接口等待时间太长肯定是不可取的。那么只能做异步处理了&#xff1b;但是问题来了这个项目没有什么消息队列、redis之类的使用&#xff0c;本着怎么简单怎么来的思路&#xff0c…