mui('.mui-scroll-wrapper').scroll() 运行异常问题

weixin_40710902 2019-01-13 10:27:17

首先MUI框架已经正常引用。
第一个问题：mui('.mui-scroll-wrapper').scroll().reLayout(); 程序运行到这里时报错：
mui('.mui-scroll-wrapper').scroll().reLayout() is Not a function
第二个问题：mui('.mui-scroll-wrapper').scroll().y 结果是undefined

不知道是怎么回事，我把mui 改成$ 也是不行。mui.min.js 版本Mui v3.7.2

以下这些代码都能正常运行，没有任何问题。
-----------------
document.querySelector('.mui-slider').addEventListener('slide', function (event)
$('.mui-scroll-wrapper').scroll({
bounce: false,
indicators: true, //是否显示滚动条
deceleration: deceleration
});
--------------------

...全文

531 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

weixin_40710902 2019-01-13

打赏
举报

回复

哪位大神解答一下

这是一款基于mui框架制作的选项卡切换和下拉刷新加载数据列表代码，手机移动端选项卡切换插件，触屏滑动下拉刷新代码。 js代码 [removed][removed] [removed][removed] [removed][removed] [removed] mui.init(); (function($) { //阻尼系数 var deceleration = mui.os.ios?0.003:0.0009; $('.mui-scroll-wrapper').scroll({ bounce: false, indicators: true, //是否显示滚动条 deceleration:deceleration }); $.ready(function() { //循环初始化所有下拉刷新，上拉加载。 $.each(document.querySelectorAll('.mui-slider-group .mui-scroll'), function(index, pullRefreshEl) { $(pullRefreshEl).pullToRefresh({ down: { callback: function() { var self = this; setTimeout(function() { var ul = self.element.querySelector('.mui-table-view'); ul.insertBefore(createFragment(ul, index, 10, true), ul.firstChild); self.endPullDownToRefresh(); }, 1000); } }, up: { callback: function() { var self = this; setTimeout(function() { var ul = self.element.querySelector('.mui-table-view'); ul.appendChild(createFragment(ul, index, 5)); self.endPullUpToRefresh(); }, 1000); } } }); }); var createFragment = function(ul, index, count, reverse) { var length = ul.querySelectorAll('li').length; var fragment = document.createDocumentFragment(); var li; for (var i = 0; i < count; i ) { li = document.createElement('li'); li.className = 'mui-table-view-cell'; li[removed] = '第' (index 1) '个选项卡子项-' (length (reverse ? (count - i) : (i 1))); fragment.appendChild(li); } return fragment; }; }); })(mui); [removed]

代码片段： (function($) { //阻尼系数 var deceleration = mui.os.ios?0.003:0.0009; $('.mui-scroll-wrapper').scroll({ bounce: false, indicators: true, //是否显示滚动条 deceleration:deceleration }); $.ready(function() {

MUI是国内最主流的跨平台APP开发框架 RN是国外最主流的跨平台APP开发框架，MUI是基于webview进行渲染的，RN是基于原生组件进行渲染，从功能和体验上RN更加接近原生，但是学习难度相对比MUI来说稍微高一些

vue cli+mui配合使用达到区域滚到的效果，方法如下第一步引入mui css js @import url(/static/mui.min.css); JS import mui from '../../../static/mui.min.js'; 第二步写结构 mui的区域滚动结构是这样的

mui-scroll-wrapper>

mui-scroll> *写需要滚动的内容

下面粘贴我代码的一部分 <div class=goods_foods mui-scroll-wrappe

在MUI文档的侧滑菜单介绍里没有说明如何实现侧滑，而MUI侧滑菜单默认是没有上下滑动功能的，需要激活。 1、首先在 class=”mui-scroll-wrapper” 的元素上添加ID：

mui-off-canvas-wrap>

39,084

社区成员

5,548

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章