APICloud底部导航栏切换

左小佑 · 发表于：2019-04-14 10:39:11

哪位大佬知道为什么我的底部导航栏切换程序总是出错嘛？求帮助出错原因：Unexpected end of input

<body>
<header id="header" class="aui-bar aui-bar-nav" tapmode style="background-color:#AE0000;">智步</header>

<footer id="footer" class="aui-bar aui-bar-tab" >
      <div id="tabbar1" class="aui-bar-tab-item aui-active" tapmode >
         <i class="aui-iconfont aui-icon-paper aui-text-danger"></i>
         <div class="aui-bar-tab-label" style="color:red;">计步</div>
      </div>
      <div id="tabbar2" class="aui-bar-tab-item" tapmode >
         <i class="aui-iconfont aui-icon-location"></i>
         <div class="aui-bar-tab-label">定位</div>
      </div>
      <div id="tabbar3" class="aui-bar-tab-item" tapmode >
         <i class="aui-iconfont aui-icon-my"></i>
         <div class="aui-bar-tab-label">我的</div>
      </div>
</footer>

</body>

<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript">

apiready = function () {
   api.parseTapmode();
   var header=$api.byId('header');
   var footer=$api.byId('footer');
   $api.fixStatusBar(header);
   var headerH=$api.offset('header');
   var bodyH = api.winHeight;
   var footerH=$api.offset('footer').h;

   api.openFrameGroup ({
      name: 'foot_tab_demo',
      scrollEnabled: true,
      rect: {
            x: 0,
            y: headerH.h,
            w: 'auto',
            h: bodyH-headerH.h-footerH
      },
      index: 0,
      preload:3,
      frames: [{
            name: 'jibu',
            url: 'html/jibu.html',
            bgColor: '#fff'
      },{
            name: 'dingwei',
            url: 'html/dingwei.html',
            bgColor: '#fff'
      },{
            name: 'my',
            url: 'html/my.html',
            bgColor: '#fff'
      }]
   },
   function(ret, err){
      if( ret ){
         var footer = $api.byId('footer');
         var footerAct = $api.dom(footer, '.aui-bar-tab-item.aui-active');
  $api.removeCls(footerAct, 'aui-active');

         var name = ret.name;
         var index = ret.index;
      if(index==0){
            $api.text($api.byId('aui-header'),'计步');
            $api.addCls($api.byId('tabbar1'), 'aui-active');
         }else if(index==1){
            $api.text($api.byId('aui-header'),'定位');
            $api.addCls($api.byId('tabbar2'), 'aui-active');
         }else if(index==2){
            $api.text($api.byId('aui-header'),'我的');
            $api.addCls($api.byId('tabbar3'), 'aui-active');
         }
      }
   })

   function closeWin(){
      api.closeWin();
}
function randomSwitchBtn(obj, name, index) {
      $api.text($api.byId('header'),name);

左小佑

括号的错误已经改过来了，可是还是有错误

randomSwitchBtn is not defined at jibu.html
这个错误是怎么改啊？
randomSwitchBtn不是定义了吗？

Mr.ZhouHeng

var footerAct = $api.dom(footer, 'aui-bar-tab-item aui-active'); 试试

左小佑

Mr.ZhouHeng 发表于 2019-4-15 09:25
var footerAct = $api.dom(footer, 'aui-bar-tab-item aui-active'); 试试

我改了以后还是不行啊，还是有错误

handsix

Unexpected end of input
一般是代码规范问题，比如少些; '' 等。
你这个代码截完了吗?
function randomSwitchBtn(obj, name, index) {
$api.text($api.byId('header'),name);

怎么少了个}

左小佑

handsix 发表于 2019-4-20 07:58
Unexpected end of input
一般是代码规范问题，比如少些; '' 等。
你这个代码截完了吗?

function randomSwitchBtn(obj, name, index) {
   $api.text($api.byId('aui-header'),name);
var footer = $api.byId('footer');
var footerAct = $api.dom(footer, '.aui-bar-tab-item.aui-active');
   $api.removeCls(footerAct, 'aui-active');
   $api.addCls(obj, 'aui-active');
   api.setFrameGroupIndex({
         name: 'footer_tab_demo',
         index: index,
         scroll:true
   });

}

后面半段是这样的，括号是全的啊

handsix

有没说多少行报错~

左小佑

左小佑发表于 2019-4-20 09:09
function randomSwitchBtn(obj, name, index) {
$api.text($api.byId('aui-header'),name);
var ...

function randomSwitchBtn(obj, name, index) {
   $api.text($api.byId('aui-header'),name);
var footer = $api.byId('footer');
var footerAct = $api.dom(footer, '.aui-bar-tab-item.aui-active');
   $api.removeCls(footerAct, 'aui-active');
   $api.addCls(obj, 'aui-active');
   api.setFrameGroupIndex({
         name: 'footer_tab_demo',
         index: index,
         scroll:true
   });

}  就是这个括号错了

左小佑

handsix 发表于 2019-4-20 09:13
有没说多少行报错~

function randomSwitchBtn(obj, name, index) {
   $api.text($api.byId('aui-header'),name);
var footer = $api.byId('footer');
var footerAct = $api.dom(footer, '.aui-bar-tab-item.aui-active');
   $api.removeCls(footerAct, 'aui-active');
   $api.addCls(obj, 'aui-active');
   api.setFrameGroupIndex({
         name: 'footer_tab_demo',
         index: index,
         scroll:true
   });

}  就是这个括号错了

APICloud底部导航栏切换 [复制链接]

浏览过的版块