Jtabs 中的多个轮播
所以我终于让选项卡和第一个轮播正常工作，但是当我尝试在另一个选项卡中拉出第二个轮播时 - 什么也没有。我可以获取容器或图像，但无法同时使用两者。我做了一些研究，但不确定答案是什么。发现这是一个修复：
.ui-tabs .ui-tabs-hide { 位置：绝对； 左：-10000px； 修改
为：
.ui-tabs-vertical .ui-tabs-panel { 位置：绝对； 左：-10000px； 并且
所有内容都会消失 - 即使是第一个轮播。我尝试创建独特的 CSS 和函数名称，但无法让第二个轮播正常显示或工作。
似乎应该有一种更简单的方法来在选项卡中拉出第二个或第三个轮播？我真的需要为每个轮播提供唯一的 .js 吗？有什么建议吗？
好的 - 只有当轮播位于第一个选项卡中时它才有效。其他的都不起作用
So I finally got the tabs and first carousel working but when I try to pull up a second carousel in another tab - nothing. I can either get the container or the images but can't get both to work. I have done a bit of research and not sure what the answer is here. Found this as a fix:
.ui-tabs .ui-tabs-hide {
position: absolute;
left: -10000px;
}
Modified it to this:
.ui-tabs-vertical .ui-tabs-panel {
position: absolute;
left: -10000px;
}
and all of the content disappears - even the first carousel. I tried creating unique CSS and function names but I can't get the second carousel to display properly or work.
Seems like there should be an easier way to pull up a second or third carousel in a tab? Am I really going to need a unique .js for each carousel? Any suggestions?
OK - it's really only working if the carousel is in the first tab. none of the others work
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
可能这就是您的答案：
jQuery UI 选项卡中的 jQuery 多个轮播在 Internet Explorer 和 Chrome 中无法正常工作
“此问题是因为您在创建选项卡式界面后尝试创建轮播，所以 jcarousel 可能正在尝试呈现显示属性设置为 null（非活动选项卡）的容器内的轮播 由于无法可靠地确定该容器的位置和许多其他属性，因此在大多数浏览器中，一旦渲染轮播，然后创建选项卡。”
它对我有用;)
possibly here is your answer:
jQuery multiple carousels in jQuery UI tabs do not work properly in Internet Explorer and Chrome
"This problem is because you are trying to create the carousel after you have created the tabbed interface. So probably jcarousel is trying to render the carousel inside a container whose display property is set to null (a non-active tab) . Since position and many other properties of this container can not be reliably determined, this will fail in most browsers. Please try rendering the carousel before, once the carousel is rendered, then create the tabs."
It worked for me ;)