appcan开发JS SDK使用: tab初始化的时候效果不正确

北堂棣
  • 6.5k

tab初始化之后,看到是不正确的显示,下面的蓝色条是一半的,如下图:
图片描述

当点击过已完成,再点击可参加时,效果就正常了,如下图:
图片描述

首次进入时已参加的效果,默认是<div class="focus utra bc-head" style="width: 50px; -webkit-transform: translateX(0px);"></div>
在tabview的appcan.tab参数配置完成后,加一句$('.focus').css("width","160px");将之强制改为正常效果,在模拟调试器上预览正常效果如第二张图片,
但是,手机上看,还是第一张图,不起作用

请问,这是什么原因造成的?又怎么解决这个问题?

回复
阅读 2.4k
1 个回答
✓ 已被采纳

这个问题早就解决掉了,一直忘了来回答下。

是因为因为初始化加载tab时它默认display:none,要在其标签display:block后,再初始化就好了。

这个问题类似于appcan官网上的常见问题中的第七条 页面中有多个pane,每个pane下对应一个slider,切换tab标签slider不显示 的问题。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏