|
- <!DOCTYPE HTML>
- <html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
- <meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
- <title>Hello APP</title>
- <link rel="stylesheet" type="text/css" href="../css/api.css" />
- <link rel="stylesheet" href="../css/main.css">
- </head>
- <body>
- <header id="header">
- <div class="left"></div>
- <div class="center"></div>
- <div class="right">搜索</div>
- </header>
- <nav id="nav">
- <div class="menu selected" onclick="fnSetNavMenuIndex(0);">水果</div>
- <div class="menu" onclick="fnSetNavMenuIndex(1);">食材</div>
- <div class="menu" onclick="fnSetNavMenuIndex(2);">零食</div>
- <div class="menu" onclick="fnSetNavMenuIndex(3);">牛奶</div>
- <div class="menu" onclick="fnSetNavMenuIndex(4);">蔬菜</div>
- </nav>
- </body>
- <script type="text/javascript" src="../script/api.js"></script>
- <script type="text/javascript">
- apiready = function() {
- var header = $api.byId('header');
- var nav = $api.byId('nav');
- $api.fixStatusBar(header);
- var headerH = $api.offset(header).h;
- var navH = $api.offset(nav).h;
- menus = $api.domAll(nav, '.menu');
- var frames = [];
- for (var i = 0; i <menus.length; i++) {
- frames.push({
- name: 'main_frame_' + i,
- url: './main_frame.html'
- });
- }
- api.openFrameGroup ({
- name: 'mainFrameGroup',
- scrollEnabled: true,
- rect: {
- x: 0,
- y: 0,
- w: 'auto',
- h: 'auto'
- },
- index: 0,
- frames: frames,
- }, function(ret, err){
- fnSetNavMenuSelected(ret.index);
- });
- };
- var menus;
- // 点击切换
- function fnSetNavMenuIndex(index_) {
- fnSetNavMenuSelected(index_);
- api.setFrameGroupIndex({
- name: 'mainFrameGroup',
- index: index_,
- scroll: true
- });
- }
- // 滑动绑定选中样式
- function fnSetNavMenuSelected(index_){
- for (var i = 0;i <menus.length; i++) {
- if (index_ == i) {
- $api.addCls(menus[i], 'selected');
- }else{
- $api.removeCls(menus[i], 'selected');
- }
- }
- }
- </script>
- </html>
复制代码
为何onclick点了没反应呢 |
|