Jtabs中的多个轮播

时间:2011-06-05 16:37:58

标签: tabs jcarousel

所以我终于得到了标签和第一个旋转木马工作,但当我尝试在另一个标签中拉出第二个旋转木马时 - 什么都没有。我可以获得容器或图像但不能同时工作。我做了一些研究,不知道答案是什么。发现这是一个修复:

.ui-tabs .ui-tabs-hide {     位置:绝对;     左:-10000px; }

将其修改为:

.ui-tabs-vertical .ui-tabs-panel {     位置:绝对;     左:-10000px; }

并且所有内容都消失了 - 即使是第一个旋转木马。我尝试创建独特的CSS和函数名称,但我无法使第二个轮播正常显示或工作。

似乎应该有更简单的方法在标签中拉出第二个或第三个轮播?我真的需要为每个旋转木马提供独特的.js吗?有什么建议吗?


好的 - 如果轮播在第一个标签中,它真的有效。没有其他人工作

1 个答案:

答案 0 :(得分:1)

可能这是你的答案:

jQuery multiple carousels in jQuery UI tabs do not work properly in Internet Explorer and Chrome

“这个问题是因为您在创建选项卡式界面后尝试创建轮播。所以jcarousel可能正在尝试将轮播内容渲染为显示属性设置为null的容器(非活动选项卡)。由于无法可靠地确定此容器的位置和许多其他属性,因此在大多数浏览器中都会失败。请在渲染轮播之前尝试渲染轮播,然后创建选项卡。“

它对我有用;)