空附加在 Chrome 和 Safari 中的水平 jCarousel 中

Question

Chrome 和 Safari（Webkit 引擎）将 2 个额外的

添加到

列表中，类为“jcarousle-item-placeholder”。我怎样才能删除它？ jCarousel在FF、IE和Opera中都可以。

感谢您的帮助。

Answer 1

就我而言，我添加了以下代码两次

<script type="text/javascript">

       jQuery(document).ready(function () {
           jQuery('#mycarousel').jcarousel();
       });

</script>

，我删除了一个块，它对我有用。

Answer 2

我在 Safari 中看到过在同一个 ul 上调用 jcarousel 两次时出现此问题 - 如果您使用 CMS，这很容易做到，因为 jcarousel 可以由模块函数调用（例如 jcarousel_add()< /code> 与 Drupal 的 jcarousel 模块），您自己的模块代码包含的 js 文件，模板文件等。
值得通过注释掉您正在使用的呼叫来排除这种可能性

Answer 3

我也遇到了这个问题，结果是我的结束 li 标签之一被意外地写为

而不是正确的 ，这使得浏览器渲染额外的空 li 标签

Answer 4

我找到了一个快速但肮脏的解决方案，通过将 css“display:none”添加到任何带有 jcarousel-item-placeholder 类的

中。

1. 导航到您的 jcarousel.min.js 文件

2. 查找（对我来说是第 249 行）： if(h.length===0) { h=this.create(e).addClass(this.className("jcarousel-item-placeholder"))

3. 直接在此之后，没有空格添加： .css({ "display":"none"}).attr("jcarouselindex",c);

4. 检查 Chrome、Safari、IE 和 FF 是否都应按预期工作，两个空

应该消失。

我的 jcarousel.min.js 的代码部分：

Line 248...
if(h.length===0){
h=this.create(e).addClass(this.className("jcarousel-item-placeholder"))

//Code to add start
.css({
"display":"none"
}).attr("jcarouselindex",c);
//Code to add end

if(j.length===0)this.list.prepend(h);else j[d?"before":"after"](h);
if(this.first!==null&&this.options.wrap=="circular"&&this.options.size!==null&&(e<=0||e>this.options.size))j=this.get(this.index(e)),j.length&&(h=this.add(e,j.clone(!0)))
}
j=h;

Answer 5

确保您的标签已定义高度和宽度属性，就像

<img src="images/test.png" height="100" width="100" alt="test" />

我在列表项上出现的几个“jcarousel-item-placeholder”类遇到类似问题一样，我没有在标签上定义宽度。我相信 DOM 已准备就绪，但图像尚未加载，因为窗口 onload 事件尚未发生。如果不声明图像的宽度，jcarousel 无法正确计算宽度，直到加载窗口，在这种情况下，它似乎会插入占位符项目。