jCarousel 在选项卡式菜单中无法正常工作

发布于 2024-09-06 12:34:48 字数 410 浏览 8 评论 0原文

我正在骑三个不同的 jCarousel ul,每个目标都有一个由 Yetii 设计的选项卡式菜单。问题在于,第一个目标中的一个效果很好,而其余两个仅显示第一张图片的一部分,并很快滑到后框上。

jCarousel 由一个类初始化,因为所有目标所需的行为都是相同的:

jQuery(document).ready(function() {

jQuery('.jcarousel-skin-tango').jcarousel({
wrap: 'circular',
//size:8,
scroll:1,
animation:.10,
auto:5,
     });
});

ul 有不同的 id。也尝试通过单独的 id 初始化脚本,但没有任何改变。

有关的任何建议提前致谢 - 毛里齐奥

I'm riding three different jCarousel ul, one in each target of a tabbed menu designeb by Yetii. The problem issue is that the one in the first target works well, whereas the remaining two show just a slice of the first picture and slide soon onto a back frame.

The jCarousel is initialized by a class as the behaviour required is the same for all targets:

jQuery(document).ready(function() {

jQuery('.jcarousel-skin-tango').jcarousel({
wrap: 'circular',
//size:8,
scroll:1,
animation:.10,
auto:5,
     });
});

The ul have different id. Tried also initializing the script by separate id but nothing changed.

Any suggestion on it? Thanks in advance - Mauirizio

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

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

发布评论

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

评论(1

扬花落满肩 2024-09-13 12:34:48

这是因为页面加载时第二个和第三个选项卡显示:无!
请注意,Jcarousel 需要计算 ul 的宽度和高度,因此无法执行此操作。
您需要对选项卡窗格使用不同的方法,如下所示:

position: absolute;
left: -10000px;

这可能是您的 "display: none" 属性的替代品。

This is because the second and third tab is display: none while your page loading!
Note that Jcarousel need to calculate the width and height of ul, therefore fails to do so.
you need to use different method for your tabs panes as:

position: absolute;
left: -10000px;

This may be a substitute for your "display: none" property.

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