除非经过开发人员工具检查，否则 jCarousel 下一个按钮不起作用

Posted 2023-02-25

【中文标题】除非经过开发人员工具检查，否则 jCarousel 下一个按钮不起作用

【英文标题】：jCarousel Next Button Doesn't Work Unless Inspected by Developer Tool

【发布时间】：2010-12-09 22:28:09

【问题描述】：

我做了一个干净的 jCarousel 设置，这意味着我没有使用提供的样式表或任何皮肤，而是从头开始设置样式。但是“下一步”按钮不起作用。奇怪的是，在我使用 FireBug 或 Chrome 上的内置元素检查器检查它之后，它确实工作了。我认为它与焦点元素有关，但我不知道如何解决这个问题。我尝试修改元素的 z 索引，但无济于事。关于这里发生了什么的任何想法？谢谢！

【参考方案1】：

有点老了..但这可以帮助其他有同样问题的人：

我尝试了很多解决方案，唯一对我有用的是使用 css 定义。 jcarousel 使用您选择的 skin.css 中的 caorousel 容器的值来评估可见元素的数量，我想还有其他一些东西。

尝试设置这些元素的宽度：

.jcarousel-skin-tango .jcarousel-container-horizontal 
[..]


.jcarousel-skin-tango .jcarousel-clip-horizontal 
    width: ..;
[..]

当使用大于包含 div 的宽度时，“下一步”按钮停止工作。还有其他一些价值，我不知道为什么。

【参考方案2】：

也许你留下了一些

console.log(...)

在您的代码中。尝试删除那些