Javascript 在第一个位置将项目添加到Owl转盘

到目前为止，我可以在猫头鹰旋转木马中动态添加幻灯片。但我不知道如何把它放在开头？我已经仔细阅读了一些文档，但我并不清楚如何才能成为第一张幻灯片，而不是最后一张

以下是我目前掌握的情况：

JS

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

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

var-img=''；
$（“#转盘”）.data（'owlCarousel'）.addItem（img）；

---

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

需要这样做：

JS

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

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

var-img=''；
$（“#旋转木马”）.data（'owlCarousel'）.addItem（img，[0]）；

---

我仔细研究了一下，意识到

addItem

将在给定位置添加幻灯片。因此，通过向其传递一个值，可以将幻灯片插入旋转木马中的特定位置。我遇到的另一个问题是，我在测试时使用了

[1]

，这是在第二个位置插入幻灯片。通过将其设置为

[0]

可以在幻灯片一开始就插入幻灯片。

好的，我刚刚找到了答案

需要这样做：

JS

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

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

var-img=''；
$（“#旋转木马”）.data（'owlCarousel'）.addItem（img，[0]）；

我仔细研究了一下，意识到

addItem

将在给定位置添加幻灯片。因此，通过向其传递一个值，可以将幻灯片插入旋转木马中的特定位置。我遇到的另一个问题是，我在测试时使用了

[1]

，这是在第二个位置插入幻灯片。通过将其设置为

[0]

可在幻灯片的开头插入幻灯片。

@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]);

var-img=''；
$（“#carousel”）.data（'owlCarousel'）.trigger（'add.owl.carousel'，[$（img），0]）
.trigger（'refresh.owl.carousel'））
.trigger（'to.owl.carousel'，[0500]）；

@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]);

var-img=''；
$（“#carousel”）.data（'owlCarousel'）.trigger（'add.owl.carousel'，[$（img），0]）
.trigger（'refresh.owl.carousel'））
.trigger（'to.owl.carousel'，[0500]）；