Question

到目前为止，我可以将幻灯片动态添加到猫头鹰旋转木马中。但是我不确定如何将其置于开头？我已经梳理了一些文档，我不清楚如何成为第一张幻灯片，而不是最后一张幻灯片。

这是我到目前为止所拥有的：

JS

  var img = '<div class="item"><img src="../images/added-img.jpg"></div>';
    $("#carousel").data('owlCarousel').addItem(img);

我认为这很容易，但我不确定方法是什么让它处于第一位。

Answer 1

好的，我只是想通了。

需要这样：

<强> JS

  var img = '<div class="item"><img src="../images/added-img.jpg"></div>';
  $("#carousel").data('owlCarousel').addItem(img,[0]);

我进一步挖掘它并意识到addItem将在给定位置添加幻灯片。因此，通过向其传递值，将幻灯片插入轮播中的特定位置。我遇到的另一个问题是我在测试时使用[1]，这是将幻灯片插入第二个位置。通过将其设置为[0]，可以在最开始插入幻灯片。

Answer 2

@ultraloveninja 添加后可能会有一些奇怪的东西。我在下面使用：

var img = '<div class="item"><img src="../images/added-img.jpg"></div>';
$("#carousel").data('owlCarousel').trigger('add.owl.carousel', [$(img), 0])
        .trigger('refresh.owl.carousel')
        .trigger('to.owl.carousel', [0, 500]);

在第一个位置添加项目到猫头鹰轮播

2 个答案: