2***@qq.com
2***@qq.com
  • 发布:2019-02-10 19:38
  • 更新:2019-02-17 00:30
  • 阅读:1618

选项卡切换+下拉刷新(div模式)+图片懒加载 无效 求解救

分类:HBuilderX
<script src="../js/mui.min.js"></script>  
		<script src="../js/mui.pullToRefresh.js"></script>  
		<script src="../js/mui.pullToRefresh.material.js"></script>  
		<script src="../js/mui.lazyload.img.js" ></script>  
		<script src="../js/mui.lazyload.js" ></script>  
		<script type="text/javascript" charset="utf-8">  
			var list = document.getElementById("img-content-app"); //表示需要实施lazyload的div区域,指定其id。  
			var lazyLoadApi = mui('#img-content-app .cover').imageLazyload({ //.rich_media_content指定lazyload实施区域的div class  
				autoDestroy: false,  
				placeholder: '../images/pky.jpg' //在js里指定临时占位图片,需自行准备并指定正确的本地路径或远程路径  
			});  
			mui.init();  
		</script>  
		<script>  
			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.innerHTML = '第' + (index + 1) + '个选项卡子项-' + (length + (reverse ? (count - i) : (i + 1)));  
							fragment.appendChild(li);  
						}  
						return fragment;  
					};  
				});  
			})(mui);  
		</script>

报错
[Web浏览器] "Uncaught TypeError: Cannot read property 'extend' of undefined" /mui/js/mui.lazyload.img.js (2)

[Web浏览器] "Uncaught TypeError: undefined is not a function" /mui/examples/pullrefresh_with_tab.html (1737)

2019-02-10 19:38 1 条评论 负责人:无 分享
已邀请:
2***@qq.com

2***@qq.com (作者) - 昵称:修改昵称*30天内只能修改一次。

看来没人帮忙了

  • 2***@qq.com

    你们是公司在用吗,MUI现在还有人维护没,我看Git上最新版还是2017年的,公司用这个保险不。


    2019-02-17 00:32

该问题目前已经被锁定, 无法添加新回复