1. <!doctype html>
  2. <html>
  3.  
  4.     <head>
  5.         <meta charset="UTF-8">
  6.         <title></title>
  7.         <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  8.         <link href="css/mui.min.css" rel="stylesheet" />
  9.         <script src="js/mui.min.js"></script>
  10.         <script src="js/h.js"></script>
  11.         <script type="text/javascript">
  12.             mui.init({
  13.                 subpages: [{
  14.                     url: 'sub1.html',
  15.                     id: 'sub1.html',
  16.                     styles: { top: '44px', bottom: '44px', width: '100%' }
  17.                 }, {
  18.                     url: 'sub2.html',
  19.                     id: 'sub2.html',
  20.                     styles: { top: '44px', bottom: '44px', width: '100%', left: '100%' }
  21.                 }, {
  22.                     url: 'sub3.html',
  23.                     id: 'sub3.html',
  24.                     styles: { top: '44px', bottom: '44px', width: '100%', left: '200%' }
  25.                 }, {
  26.                     url: 'sub4.html',
  27.                     id: 'sub4.html',
  28.                     styles: { top: '44px', bottom: '44px', width: '100%', left: '300%' }
  29.                 }]
  30.             });
  31.  
  32.             mui.ready(function(){
  33.                 h('#nava1').tap(function() {
  34.                     mui.toast('123');
  35.                     console.log(11);
  36.                 });
  37.  
  38.                 h('#nava2').tap(function() {
  39.                     mui.toast('456');
  40.  
  41.                 });
  42.  
  43.             });   //用h.js时 放在上面要加mui.ready,放在下面就不用
  44.         </script>
  45.     </head>
  46.  
  47.     <body>
  48.  
  49.         <header class="mui-bar mui-bar-nav">
  50.             <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
  51.             <h1 class="mui-title">标题</h1>
  52.         </header>
  53.         <nav class="mui-bar mui-bar-tab">
  54.             <a class="mui-tab-item mui-active" id="nava1">
  55.                 <span class="mui-icon mui-icon-home"></span>
  56.                 <span class="mui-tab-label">首页</span>
  57.             </a>
  58.             <a class="mui-tab-item" id="nava2">
  59.                 <span class="mui-icon mui-icon-phone"></span>
  60.                 <span class="mui-tab-label">电话</span>
  61.             </a>
  62.             <a class="mui-tab-item" id="nava3">
  63.                 <span class="mui-icon mui-icon-email"></span>
  64.                 <span class="mui-tab-label">邮件</span>
  65.             </a>
  66.             <a class="mui-tab-item" id="nava4">
  67.                 <span class="mui-icon mui-icon-gear"></span>
  68.                 <span class="mui-tab-label">设置</span>
  69.             </a>
  70.         </nav>
  71.  
  72.     </body>
  73.  
  74. </html>

MUI --- h.js无效的更多相关文章

  1. 偏前端 - div+mui+vue.js 制作问卷调查单页 ——题目答案由后台随机给出10道

    封装的ajax获取数据.代码可能有些是多余的,没做处理!!点击提交后有弹框,在这里我没有贴出来.第一次写博客,这些也是别人教我的,经理解后,贴出来于大家分享 ——html—— <script t ...

  2. Nginx启用Gzip压缩js无效的原因

    Nginx启用gzip很简单,只需要设置一下配置文件即可完成,可以参考文章Nginx如何配置Gzip压缩功能.不过,在群里常有人提到,他们的网站Gzip压缩虽然成功了,但检测到JS仍然没有压缩成功,这 ...

  3. MUI 里js动态添加数字输入框后，增加、减少按钮无效

    numbox 的自动初化是在 mui.ready 时完成的mui 页面默认会自动初始化页面中的所有数字输入框,动态构造的 DOM 需要进行手动初始化.比如:您动态创建了一个 ID 为 abc 的数字输 ...

  4. mui H5 js动态添加不同类型的数据

    html页面需要添加的页面的数据格式 <ul class="mui-table-view" id="OA_task_1"> <li class ...

  5. LayUI加载js无效问题

    在部署系统的时候,本地调试一切正常,layer.js均能正常加载.然而部署到服务器之后,经常性的出现layer.js无法加载问题.导致页面弹框无法使用. 一开始以为是Google浏览器问题,因为刚刚更 ...

  6. vue项目中引入mui.poppicker.js文件时报错“Uncaught ReferenceError: mui is not defined”

    解决:在mui.js的源文件后最后加上 window.mui = mui;

  7. mui longtap 事件无效

    1.mui  的部分事件默认是关闭的 需要在init中单独配置事件开关 mui.init({ gestureConfig: { longtap: true, //默认为false } })

  8. mui.min.js:7 Uncaught DOMException: Failed to execute 'send' on 'XMLHttpRequest': Failed to load

    mui框架做的微信公众号网页,在上传数据的时候报了这个错,async: true,//将false改为true就可以了 https://blog.csdn.net/liuzp111/article/d ...

  9. js依赖mui.css生成图片验证码

    js依赖mui.css生成图片验证码 相关css和js引入路径 https://cdnjs.cloudflare.com/ajax/libs/mui/3.7.1/css/mui.css https:/ ...

随机推荐

  1. Java-mybatis-一次执行多条SQL语句

    mysql数据库 1.修改数据库连接参数加上allowMultiQueries=true,如: hikariConfig.security.jdbcUrl=jdbc:mysql://xx.xx.xx: ...

  2. hdu1505City Game（扫描线）

    http://acm.hdu.edu.cn/showproblem.php?pid=1505 题意:R为被占位置,F为空位,求出最大子空矩阵大小*3. 思路:1.悬线法,记录每个位置的悬线能到达的左边 ...

  3. Oracle多关键字模糊查询

    以前写SQL时,知道MySQL多字段模糊查询可以使用[charlist] 通配符,如: SELECT * FROM Persons WHERE City LIKE '[ALN]%'但是在Oracle中 ...

  4. [LeetCode] All questions numbers conclusion 所有题目题号

    Note: 后面数字n表明刷的第n + 1遍, 如果题目有**, 表明有待总结 Conclusion questions: [LeetCode] questions conclustion_BFS, ...

  5. linux make configure make

    开放源码:就是程序代码,写给人类看的程序语言,但机器并不认识,所以无法执行: 编译程序:将程序代码转译成为机器看得懂的语言,就类似编译者的角色: 可执行文件:经过编译程序变成二进制后机器看得懂所以可以 ...

  6. Object-C-复制

    copy 减少对象上下文依赖 copy 创建一个新对象,copy得到的副本对象与原来内容相同,新的对象retain为1,与旧有对象的引用计数无关,旧有对象没有变化 使用 copy 创建出来的对象是不可 ...

  7. iOS获取本地ip和端口

    #include <arpa/inet.h> #include <ifaddrs.h> #include <net/if.h> #define IOS_CELLUL ...

  8. java android 环境变量配置备忘录

    java android 环境变量配置备忘录,全新重装系统要用到,备忘下来; JAVA_HOME D:\Java\jdk1.6.0_07 CLASSPATH  .;%JAVA_HOME%\lib\dt ...

  9. tomcat 9.0.4 性能调优

    参考了网上的一些优化参数,但是在启动中发现 有2个报错: 11-Feb-2018 15:57:23.293 警告 [main] org.apache.catalina.startup.SetAllPr ...

  10. sql server deadlock跟踪的四种方法

    最近写程序常会遇到deadlock victim,每次一脸懵逼.研究了下怎么跟踪,写下来记录下. 建测试数据 CREATE DATABASE testdb; GO USE testdb; CREATE ...