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

选项卡切换+下拉刷新(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

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