mui顶部选项卡问题。并没能达到效果,请大神指教
 <!doctype html>
<html>

    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <link rel="stylesheet" href="css/mui.min.css">
    </head>

    <body>

        <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="movie_home.html">推荐</a>
                        <a class="mui-control-item" href="#item2mobile" data-wid="TV_play.html">电视剧</a>
                        <a class="mui-control-item" href="#item3mobile" data-wid="top_movie.html">电影</a>
                        <a class="mui-control-item" href="#item4mobile" data-wid="top_variety.html">综艺</a>
                        <a class="mui-control-item" href="#item5mobile" data-wid="top_entertainment.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("top_tab.html", {
                    items: [{
                        id: "movie_home.html", //这是子页1的路径
                        url: "movie_home.html",
                        extras: {}
                    }, {
                        id: "TV_play.html", //这是子页2的路径
                        url: "TV_play.html",
                        extras: {}
                    }, {
                        id: "top_movie.html", //这是子页2的路径
                        url: "top_movie.html",
                        extras: {}
                    }, {
                        id: "top_variety.html", //这是子页2的路径
                        url: "top_variety.html",
                        extras: {}
                    }, {
                        id: "top_entertainment.html", //这是子页2的路径
                        url: "top_entertainment.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>

</html>

图片说明

js

1个回答

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
MUI 顶部选项卡-可左右拖动(div)
顶部选项卡-可左右拖动 .mui-control-content { background-color: white; min-height: 215px; } .mui-control-content .mui-loading { margin-top: 50px; } 顶部选项卡-可左右拖动(div) 待办公文
微信小程序----导航栏选项卡(MUI顶部选项卡)
微信小程序----导航栏选项卡(MUI顶部选项卡) DEMO下载 效果图 WXML &amp;lt;import src=&quot;../../template/list.wxml&quot;/&amp;gt; &amp;lt;view class=&quot;tui-tabbar-content&quot;&amp;gt; &amp;lt;view...
mui:顶部搜索框问题
以前没有用过mui框架开发APP,最近有个APP项目开发用的是mui,开发过程中有很多不熟悉,也踩了很多坑,sui内置的一些样式不好修改,因此,把自己的一些经验分享给大家,希望对大家有用,如果有更好的解决办法,欢迎交流。 顶部html 微糖资讯 顶部css 搜索框默认会独占一行,所以把mui.min.css 里的.mui-input-row 的clea
mui选项卡跳转问题
很多新手在学mui的时候,会在底部的导航直接把链接地址写在a标签里,页面跳转的时候发现无法链接没有反应。mui用作手机web页面,在下拉刷新+tab滚动切换下,a标签的设置href,点击不会进行跳转如果是手机版,解决导航a标签不能跳转页面可以使用mui('body').on('tap','a',function({document.location.href=this.href;});如果还有电脑版
mui 顶部选项卡可左右切换报错的问题
将mui代码里的“viewgroup”换成下图中plus.webview.currentWebview().id即可
mui框架之div顶部选项卡动态加载不能切换问题
需要在数据加载完成后,初始化 :  var gallery = mui('.mui-slider');                 gallery.slider().gotoItem(0);                        function chushihua(){                 var gallery = mui('.mui-slider');      ...
MUI scroll顶部滑动条问题
在使用webpack打包时,使用Vue和MUI 中的 scroll 和 Tabbar 的时候会出现一些坑!!! 6坑以及解决6坑的方法: 制作滑动条,不想自己写,想找模板,就用 MUI 中的 tab-top-webview-main.html 当 html 样式引过来的时候,有一个类必须去掉,要不然他会覆盖整个屏幕,所以需要把 slider区域 的 mui-fullscreen 删除掉。 上边...
【安卓】选项卡之顶部选项卡(简易)
  一、顶部选项卡 1.方法:(1)在res的layout文件目录下新建.xml的布局文件,并取名为:main_tab.xml(自己喜好,随意发挥)。               (2)在src文件夹里的包下创建Java类,名为TabHostActivity(自己喜好,随意发挥)。 2.布局文件代码:   &amp;lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;...
mui 选项卡禁止滑动
每次做选项卡滑动内容的时候总会不经意滑到另一个内容中,贼恶心,所以要禁止选项卡滑动只需要一行代码就可以实现:mui('.mui-slider').slider().stopped = true;...
mui 滑动选项卡
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <t
mui滚动选项卡-加强版
<head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <title></title> <script src="js/mui.
MUI——选项卡上拉加载重置
当选项卡切换加载时: mui('#pullrefresh').pullRefresh().refresh(true); //重置刷新
MUI底部选项卡分类
底部选项卡-div模式:所谓div模式的选项卡,其实就是通过DIV模拟一个独立页面,通过div显示,隐藏模拟不同页面的切换,典型的SPA模式;这种模式适合简单业务系统,因为每个选项卡内容都要写在有一个DIV中,若逻辑复杂,会导致当前页面DOM结构繁杂,造成webview响应缓慢,甚至崩溃;因此若系统较复杂,需要下来刷新等操作,推荐使用webview模式选项卡。     底部选项卡-webview
MUI,webview选项卡
var subpage=['shouye.html','tel.html','email.html','shezhi.html']; //创建页面 var sub_style={ top:'0px', bottom:'51px' } var show={}; mui.plusReady(function(){ var ha
MUI底部选项卡
&amp;lt;body&amp;gt; &amp;lt;header class=&quot;mui-bar mui-bar-nav&quot;&amp;gt; &amp;lt;h1 class=&quot;mui-title title&quot;&amp;gt;首页&amp;lt;/h1&amp;gt; &amp;lt;/header&amp;gt;  &amp;lt;nav class=&quot;mui-bar mui-bar-tab&quot;&amp;gt;         
MUI底部选项卡切换
在网上找到的一种方法。测试发现原来方法有BUG(界面切换不过去),修改了一下。 &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;utf-8&quot;&amp;gt; &amp;lt;meta name=&quot;viewport&quot; content=&quot;width=device-width,initial-scale=1,mini
mui上拉加载+选项卡+ajax
因最近开发h5用的前端框架是mui,教程和demo大部分没有动态数据,在网上也没有很好的办法,自己研究弄了一个小demo。
二叉树的问题,请大神指教
#includen#includen#include nstruct Nodenn char data;n struct Node *lchild, *rchild;n;nnint CreateBiTree(struct Node *T)nn char ch;n scanf("%c", &ch);n if(ch=='#')n T=NULL;n elsen T=(struct Node *)malloc(sizeof(struct Node));n if(!T)n exit(-1);n T->data=ch;n CreateBiTree(T->lchild);n CreateBiTree(T->rchild);n n return 0;nnnint PreOrder(struct Node *T)nn if(T)n printf("%c", T->data);n PreOrder(T->lchild);n PreOrder(T->rchild);n n return 0;nnnint main()nn struct Node *T;n CreateBiTree(T);n PreOrder(T);nnn输入停止不了,处于无限输入状态n不知道该怎样该,请大神指教
swift-顶部悬停效果collectionView达到悬停效果
顶部悬停效果、collectionView达到悬停效果
一个UICollectionView轻松搞定顶部悬停效果、顶部悬停效果、collectionView达到悬停效果
一个UICollectionView轻松搞定顶部悬停效果、顶部悬停效果、collectionView达到悬停效果
仿微信顶部选项卡(二)
之前发过一版《仿微信顶部选项卡》的代码,感觉有点复杂。之后再论坛上看见一个类似的demo,代码想对简洁很多,上传保存一下。
Tablayout+Fragment顶部选项卡实现
MaterialDesign使用 (一) TabLyout的使用使用TabLayout+Fragment实现顶部选项卡2016/9/7 星期三 先看效果图:使用Tablayout,首先需要在项目中加入Design包dependencies { compile 'com.android.support:design:24.1.1' }在activity_main.xml布局文件中&amp;amp;lt;L
Fragment 自定义顶部选项卡
自定义Fragment选项卡,实现自定义效果,代码精简通俗易懂。
Android顶部滚动选项卡
Android顶部滚动选项卡实现Demo 有注释 加Q 77209302 观看更多demo
10-03 顶部选项卡
10-03 顶部选项卡10-03 顶部选项卡10-03 顶部选项卡10-03 顶部选项卡
仿微信顶部选项卡
仿微信5.0顶部滑动选项卡
请大神指教
以下这种情况:rn Map map = new HashMap();rn Collection [color=#FF0000]coll[/color] = map.values();rnrn 得到的对象coll, 这时候调用方法的话调用的是哪里的方法?rn 等号左边是接口,肯定没有具体方法。右边是Map类型调用的方法,根本都没有继承Collection类,肯定不是右边得到的。那么问题来了coll调用的方法到底是哪个类里面实现的。培训的老师也不知道,请大神指教。
大神请指教!
题目描述rn输入一个字符串str1,把其中的连续非数字的字符子串换成一个‘*’,存入字符数组str2 中,所有数字字符也必须依次存入 str2 中。输出str2。rn输入rn输入为一行字符串str1,其中可能包含空格。字符串长度不超过80个字符。rn输出rn输出处理好的字符串str2。rn样例输入rn$Ts!47&*s456 a23* +B9krn样例输出rn*47*456*23*9*rnrn#includern#includernint main()rnrn char a[80],b[80],c[80];rn int n,i,j=0,k=1;rn gets(a);rn n=strlen(a);rn for(i=0;i='0'&&a[i]<='9')rn rn b[j]=a[i];rn j++;rn rn elsern rn b[j]='*';rn j++; rn rn rn c[0]=b[0];rn for(j=1;j='0'&&b[j]<='9')rn rn c[k]=b[j];rn k++;rn rn elsern rn if(b[j-1]!='*')rn rn c[k]='*';rn k++;rn rn rn rn c[k]='\0'rn puts(c);rn return 0;rnrnrn我的程序哪里有问题啊?自己运行的时候是正确的,但是提交到平台上却说运行错误。哪位路过的大佬,帮帮忙啊rn
控制mui回滚到顶部
mui('.mui-scroll-wrapper').scroll().scrollTo(0, 0, 500);
mui顶部tab页切换
&amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html lang=&quot;en&quot;&amp;gt;     &amp;lt;head&amp;gt;         &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt;         &amp;lt;meta name=&quot;viewport&quot; content=&quot;width=device-width,initial-scale=1,minimum-
mui滑动到顶部方法
 $('#build_li').removeClass(&quot;mui-active&quot;); mui('#offCanvasSideScroll').scroll().scrollTo(0, 0)
10-06 底部选项卡+顶部选项卡非常好用
10-06 底部选项卡+顶部选项卡非常好用10-06 底部选项卡+顶部选项卡非常好用
mui顶部菜单栏弹出框遮挡问题
问题描述: 要求实现的就是在主页面index下subpages4个子页面作为navtab,而点击顶部的菜单栏右上角会有弹出窗口,问题是弹出窗口在subpages下会被遮盖 解决方案: 1. 看到最多的解决方案是将弹出菜单写在子页面中,在header的html里捕获到点击按钮事件后,通过evaljs给子页面,弹出菜单,不过这种方法弄了好
MUI选项卡下拉刷新上拉加载demo
这是一个基于mui框架下实现的一个上拉刷新,下拉加载的一个数据加载demo这样的做法是为了提高用户的体验感,减少服务器的压力~
mui:选项卡切换+上拉加载+ajax
因最近开发h5用的前端框架是mui,教程和demo大部分没有动态数据,在网上也没有很好的办法,比较喜欢简单粗暴就直接上代码了。 1.mui:选项卡切换+下拉加载+ajax 1.1关于mui的选项卡切换的样式,mui的官网上有,在这就不多说了 1.2 直接上代码 &amp;amp;amp;amp;amp;amp;amp;lt;!DOCTYPE html&amp;amp;amp;amp;amp;amp;amp;gt; &amp;amp;amp;amp;amp;amp;amp;lt;html&amp;a
选项卡效果
html> html lang="en"> head>     meta charset="UTF-8">     title>Titletitle>     style>         * {             margin: 0;             padding: 0;         }         #main {             wid
ViewPager实现选项卡效果并滑动切换
唯一不完美的就是,选项卡下方的横线不能边滑边动
微信小程序顶部选项卡
顶部选项卡之前在做Android的时候,在实现顶部选项卡运用了TabLayout+Fragment(跳转)最近看了大量的小程序案列,也仿写了一点点东西关于顶部选项卡借鉴案例实例图index.wxml&amp;lt;loading hidden=&quot;{{hidden}}&quot;&amp;gt; 加载中。&amp;lt;/loading&amp;gt; &amp;lt;view class='swiper-tab'&amp;gt; &amp;lt;view...
通过Fragment+TabHost实现选项卡 顶部
通过Fragment+TabHost实现底部选项卡
Android仿百度贴吧TAB选项卡菜单和悬浮式顶部效果
MyTitleBar源代码,在Android定义Tab选项卡,实现了仿百度贴吧中的悬浮顶部和底部的标题栏效果,项目中含:源码+效果图+项目结构图,很不错的Android界面设计效果,代码中ISIBLE:0的意思是可见的;INVISIBILITY:4 意思是不可见的,但还占着原来的空间;GONE:8 意思是不可见的,不占用原来的布局空间。另外源码中还定义了许多功能实用的类和页面,比如:   MentionActivity.java 提醒Activity页面   MainActivity.java 主Activity程序入口类,在此定义了Tab选项卡标示符,单选按钮对象,消息提示文本对象,Tab按钮选中监听事件等,是程序主界面。   PersonInfoActivity.java 个人资料Activity页面
相关热词 c# xml的遍历循环 c# 取 查看源码没有的 c#解决高并发 委托 c#日期转化为字符串 c# 显示问号 c# 字典对象池 c#5.0 安装程序 c# 分页算法 c# gmail 发邮件 c# 多层文件