点击跳转到一个有顶部选项卡页面时，第一个选项卡的内容不显示，后面的选项卡都是正常的。

分类：MUI

点击按钮，使用mui.openWindow打开一个含有顶部选项卡的界面，界面第一个webview不会显示，后面两个都是正常的。

2017-10-28 01:02 负责人:无分享

1 个回复

chender - 与人为善

贴下代码

不是小白菜 (作者)

<body>

<header class="mui-bar mui-bar-nav">

<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>

<h1 class="mui-title">顶部选项卡-可左右拖动(webview)</h1>

</header>

<div class="mui-content">

<div id="slider" class="mui-slider mui-fullscreen">

<div id="sliderSegmentedControl" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">

<div class="mui-scroll">

<a class="mui-control-item mui-active" href="#item1mobile" data-wid="tab-top-subpage-1.html">

推荐

</a>

<a class="mui-control-item" href="#item2mobile" data-wid="tab-top-subpage-2.html">

热点

</a>

<a class="mui-control-item" href="#item3mobile" data-wid="tab-top-subpage-3.html">

北京

</a>

<a class="mui-control-item" href="#item4mobile" data-wid="tab-top-subpage-4.html">

社会

</a>

<a class="mui-control-item" href="#item5mobile" data-wid="tab-top-subpage-5.html">

娱乐

</a>



</div>

</div>

        </div>  

    </div>  

    <script src="js/mui.min.js"></script>  

    <script src="js/webviewGroup.js" type="text/javascript" charset="utf-8"></script>  

    <script>  

        mui.init();  



        mui.plusReady(function() {  

            var group = new webviewGroup("tab-top-webview-main.html", {  

                items: [{  

                    id: "tab-top-subpage-1.html",  

                    url: "tab-top-subpage-1.html",  

                    extras: {}  

                }, {  

                    id: "tab-top-subpage-2.html",  

                    url: "tab-top-subpage-2.html",  

                    extras: {}  

                }, {  

                    id: "tab-top-subpage-3.html",  

                    url: "tab-top-subpage-3.html",  

                    extras: {}  

                }, {  

                    id: "tab-top-subpage-4.html",  

                    url: "tab-top-subpage-4.html",  

                    extras: {}  

                }, {  

                    id: "tab-top-subpage-5.html",  

                    url: "tab-top-subpage-5.html",  

                    extras: {}  

                }],  

                onChange: function(obj) {  

                    var c = document.querySelector(".mui-control-item.mui-active");  

                    if(c) {  

                        c.classList.remove("mui-active");  

                    }  

                    document.querySelector(".mui-scroll .mui-control-item:nth-child(" + (parseInt(obj.index) + 1) + ")").classList.add("mui-active");  

                }  

            });  

            mui(".mui-scroll").on("tap", ".mui-control-item", function(e) {  

                var wid = this.getAttribute("data-wid");  

                group.switchTab(wid);  

            });  



        });  

        mui.back = function() {  

            var _self = plus.webview.currentWebview();  

            _self.close("auto");  

        }  

    </script>  

</body>

2017-10-28 09:49

不是小白菜 (作者)

使用openWindow打开这个界面，第一个tab内容不会加载，后面的都可以正常使用

2017-10-28 09:51

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

点击跳转到一个有顶部选项卡页面时，第一个选项卡的内容不显示，后面的选项卡都是正常的。

1 个回复

公告

相关问题

点击跳转到一个有顶部选项卡页面时，第一个选项卡的内容不显示，后面的选项卡都是正常的。

与内容相关的链接

1 个回复

公告

相关问题