mui slider禁止滑动

最新推荐文章于 2021-09-15 17:35:37 发布

原创最新推荐文章于 2021-09-15 17:35:37 发布 · 8.4k 阅读

0 ·

CC 4.0 BY-SA版权

一些小记录专栏收录该内容

15 篇文章

订阅专栏

本文介绍如何使用mui框架禁用轮播图组件的滑动功能，并通过导航栏的手动控制实现轮播效果。具体操作包括设置滑动停止属性并监听导航栏点击事件来实现页面跳转。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

网上方法

mui('.mui-slider').slider().setStopped(true);

实际使用

mui('.mui-slider').slider().stopped = true;

禁止滑动以后slide事件会失效,但是仍需要使用导航栏
我的做法
监听导航栏按钮点击事件

$('#slider').slider().gotoItem(0,0);//设置轮播图跳转到那个页面,第一个参数是要跳转到的页数,第二个参数是从第几个页面开始跳转

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

靛哩昵称

关注关注

5
点赞
踩
0

收藏

觉得还不错? 一键收藏
4
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

使用Vue 与 mui slider scroll框架遇到的问题记录

qq_35500233的博客

05-07

1009

使用mui框架作为移动端开发的前端框架，使用vue作为前端与后端数据对接的框架，在使用过程中遇到了一些问题现整理如下：框架的版本号：Mui v3.7.2 Vue.js v2.6.10 需求描述：如下图所示，可以实现左右滑动切换题目，同时点击下面的上一题下一题也可以进行题目的切换，点击对应的题号可以跳转到对应题号的界面第一种实现方式：使用mui 的slider 的轮播这个组件 HTM...

MUI 制作顶部滑动条的坑们

开心果小魏

12-10

1727

制作顶部滑动条的坑们 1、需要借助于 MUI 中的 tab-top-webview-main.html 2、需要把 slider 区域的 mui-fullscreen 类去掉 3、滑动条无法正常触发滑动，通过检查官方文档，发现这是JS组件，需要被初始化一下 + 导入 mui.js + 调用官方提供的方式去初始化 mui('.mui-scroll-wrapper').scroll({ ...

4 条评论您还未登录，请先登录后发表或查看评论

完美解决mui框架off-canvas侧滑超出部分隐藏无法滚动的问题

12-29

mui框架中off-canvas侧滑的一个缺点就是无法出现滚动条，因为它主要用途是设置类似于qq界面的那种格局，所以才无法滚动。那么如何解决这个问题呢？解决方法：一、在内容容器加上id，然后通过JS控制 <div class=mui-content id=scr1> JS部分 [removed] mui('#scr1').scroll(); [removed] 二、利用创建子页面的方式： mui.init({ subpages:[{ url:'index.html', //要引入的页面 id:'index.html' , //要引入页面

禁止mui事件tab切换内容左右滑动

aihuobing7181的博客

06-02

690

mui('.mui-slider').slider().setStopped(true); 转载于:https://www.cnblogs.com/itsmart/p/6934253.html

mui 关闭右滑返回

weixin_30847865的博客

12-07

471

---恢复内容开始--- //关闭返回键返回 mui.init({ keyEventBind: { backbutton: false //关闭back按键监听 } }); mui.plusReady(function() { plus.webview.currentWebview().setStyle({//关闭首页侧滑返回功能 ...

swiper无限轮播时一张图片的情况如何禁止图片左右滑动

今天也要加油呀！

09-15

1296

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！这是你第一次使用 Markdown编辑器所展示的欢迎页。如果你想学习如何使用Mar

MUI左右滑动删除效果

06-01

【标题】"MUI左右滑动删除效果"指的是在移动应用开发中，使用MUI（Mobile UI）框架实现的一种交互功能。MUI是中国DCloud公司推出的一款轻量级的前端框架，专门针对移动设备设计，提供了丰富的组件和交互效果，以帮助...

mui picker无法滑动和选项遮挡问题修复

07-05

在这个特定的问题中，我们聚焦于"MUI picker无法滑动和选项遮挡问题修复"。 MUI的Picker组件是一个常见的选择器控件，用于展示一系列可滚动的选项。然而，在实际使用中，开发者可能会遇到以下两类问题： 1. **无法...

MUI-图片轮播控件

热门推荐

知他人之所知，晓他人之不晓。

10-26

3万+

图片轮播继承自slide插件，因此其DOM结构、事件均和slide插件相同；在MUI框架中针对图片的轮播做了一个简单的封装。 DOM结构默认不支持循环播放，DOM结构如下：假设当前图片轮播中有1、2、3、4四张图片，从第1张图片起，依次向左滑动切换图片，当切换到第4张图片时，继续向左滑动，接下来会有两种效果：（1）循环

mui.slide的相关用法

wxl1390的博客

09-30

2004

DOM构造结构 <div class="mui-slider"> <div class="mui-slider-group">  <div class="mui-slider-item">  </div> <!--第二...

mui slider轮播组件常用API

https://syra-ti.icu

08-09

4923

原文:http://www.bcty365.com/content-146-5588-1.html组件介绍轮播组件是mui提供的一个核心组件，在该核心组件基础上，衍生出了图片轮播、可拖动式图文表格、可拖动式选项卡、左右滑动9宫格等组件。示例获取slide组件对象var slider = mui('#slider').slider(); 常用APIgotoItem(index)切换到指定轮播slide

MUI轮播组件

qq_36800701的博客

01-26

1445

常用API var slider = mui('.mui-sliderr').slider(); //获取轮播对象，之后才能调用轮播组件的方法 slider.gotoItem(1); //切换至第二个轮播 slider.prevItem(); //上一个轮播 slider.nextItem(); //下一个轮播 slider.getSlideNumber(); //当前所处位置

mui中slider组件，动态加载后无法滚动切换问题的解决方法

weixin_42575028的博客

03-20

2043

mui中slider组件，动态加载后无法滚动切换问题的解决方法动态加载之后还需要初始化slider：一系列动态加载之后(如加载sliderTitle之后 var gallery = mui('.mui-slider'); gallery.slider(); document.querySelector('.mui-slider').addEventListener('slide', funct...

调用mui插件，窗体无法滑动问题

杨鑫的博客

08-16

1067

最近做移动端开发，需要一个侧滑功能，由于偷懒，调用了mui的侧滑功能，然而引用了mui.js之后，侧滑是可以了，放在移动端的滑动事件就没了。查找再三，发下如下问题。mui里将滑动事件自己禁止了。 // document.addEventListener('touchmove', function(e) { e.preventDefault(); }, false) 原生配了个方法，支持区域...

html禁止页面左右滑动,webviewGroup创建的子页面切换，如何禁止左右滑动

weixin_35797963的博客

06-03

655

我参考demo里tab-top-webview-main.html的代码，用webviewGroup创建的子页面切换。但是想禁止左右滑动切换，有什么办法吗？我用mui('#slider1').slider().setStopped(true); 会报错Uncaught TypeError: this.disablePullupToRefresh is not a function at 00_m...

线程池代码完整剖析（一）

he_wen1987的专栏

03-16

127

线程池代码完整剖析（一）一、概述 Jetty一个重要的组件就是线程池，本文主要是围绕源代码是怎样开发一个线程池，因为有一个任务需要处理，就直接从线程池里面取出一个线程，这样就加快应用程序的速度。要开发一个线程池主要要注意的几个地方： 1、先要定义一个集合，这个集合主要是保存线程池里面的线程数目 2、因为线程池里面的线程不可能所有的线程都需要工作，所以要在定义一个集...

mui 选项卡禁止滑动

这里是痞子Monkey的博客

06-01

4266

每次做选项卡滑动内容的时候总会不经意滑到另一个内容中，贼恶心，所以要禁止选项卡滑动只需要一行代码就可以实现：mui('.mui-slider').slider().stopped = true;...

mui-slider