jCarousel 在选项卡式菜单中无法正常工作
我正在骑三个不同的 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
这是因为页面加载时第二个和第三个选项卡显示:无!
请注意,Jcarousel 需要计算 ul 的宽度和高度,因此无法执行此操作。
您需要对选项卡窗格使用不同的方法,如下所示:
这可能是您的
"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:
This may be a substitute for your
"display: none"
property.