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

发布于 2022-09-04 02:50:57 字数 633 浏览 67 评论 0

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

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

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

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

澉约 2022-09-11 02:50:57

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

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

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文