1***@qq.com
1***@qq.com
  • 发布:2017-05-20 16:10
  • 更新:2017-05-20 16:10
  • 阅读:938

点击按钮没有反映

分类:MUI
  1. <!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" />
    <title></title>
    <script src="js/mui.min.js"></script>
    <link href="css/mui.min.css" rel="stylesheet"/>
    <script type="text/javascript" charset="utf-8">
    mui.init();
    </script>
    </head>
    <body>
    <header class="mui-bar mui-bar-nav own-main-background-color">
    <h1 id="nav-title" class="mui-title">首页</h1>
    </header>
    <button id="muione" class="mui-btn mui-btn-blue mui-btn-block" style="top: 50px;">按钮</button>
    <span class="mui-badge mui-badge-inverted mui-btn-blue">1</span>

    <nav class="mui-bar mui-bar-tab">  
        <a   class="mui-tab-item mui-active ">  
            <span class="mui-icon mui-icon-home"></span>  
            <span class="mui-tab-label">首页</span>  
        </a>  
        <a class="mui-tab-item">  
            <span class="mui-icon mui-icon-phone"></span>  
            <span class="mui-tab-label">电话</span>  
        </a>  
        <a class="mui-tab-item">  
            <span class="mui-icon mui-icon-email"></span>  
            <span class="mui-tab-label">邮件</span>  
        </a>  
        <a class="mui-tab-item">  
            <span class="mui-icon mui-icon-gear"></span>  
            <span class="mui-tab-label">设置</span>  
        </a>  
    </nav>  
    
    <nav class="mui-bar mui-bar-tab">  
        <a class="mui-tab-item mui-active">  
            <span class="mui-icon mui-icon-home"></span>  
            <span class="mui-tab-label">首页</span>  
        </a>  
        <a class="mui-tab-item">  
            <span class="mui-icon mui-icon-phone"></span>  
            <span class="mui-tab-label">电话</span>  
        </a>  
        <a class="mui-tab-item">  
            <span class="mui-icon mui-icon-email"></span>  
            <span class="mui-tab-label">邮件</span>  
        </a>  
        <a class="mui-tab-item">  
            <span class="mui-icon mui-icon-gear"></span>  
            <span class="mui-tab-label">设置</span>  
        </a>  
    </nav>  
    
    <script src="js/mui.min.js"></script>  
    <script type="text/javascript"src="js/mui.js">  
    
    </script>  
    <script type="text/javascript">  
    
        mui.plusReady(function(){  
    document.getElementById('nav-title').addEventListener("tab",function(){  
            mui.alert('欢迎使用Hello MUI', 'Hello MUI', function() {  
    
           });  
        },false);  
    }  

    );
    </script>
    </body>
    </html>

2017-05-20 16:10 负责人:无 分享
已邀请:

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