Question

我已经基于Bootstrap框架创建了一个WP自定义主题，我添加了以下轮播：

<div class="container slideshow">
            <div class="carousel slide" id="carousel-454586">
                <div class="carousel-inner">
                    <div class="item active">
            <img alt="slider" src="http://localhost/vyskoveprace/wp-content/uploads/2015/03/2_640_250.jpg">
            <div class="mask"></div>
            <div class="carousel-caption col-md-6">
                <h2>Header1</h2>
                <p>Some Text
                </p>
            </div>
        </div>
      <div class="item">
            <img alt="slider" src="http://localhost/vyskoveprace/wp-content/uploads/2015/03/1_640_250.jpg">
            <div class="mask"></div>
            <div class="carousel-caption col-md-6">
                <h2>Header2</h2>
                <p>Some text
                </p>
            </div>
        </div>
        </div>
    </div>
</div>

我使用以下代码对其进行初始化，但它似乎不起作用。有人可以帮我摆脱这种情况吗？没有产生错误。非常感谢。

<script>
(function($) {$(document).ready(function() {
  $('#carousel-454586l').carousel({
    interval: 4000,
  });
});})( jQuery );
</script>

Answer 1

您的Iterable<Integer> t6 = Iterables.filter(set1, Range.open(0, 3));属性中有轻微错误 - 在您的Javascript中，您告诉它要查找ID为id的元素，但您的HTML只定义了一个带有ID的元素carousel-454586l。改变到另一个，它会工作。例如，将您的Javascript更改为：

carousel-454586

请注意 粗体/斜体 部分 - 这就是差异所在。

Bootstrap轮播不动

1 个答案: