追加旋转木马指示器jquery

时间:2013-06-25 15:14:07

标签: jquery twitter-bootstrap append carousel

I.m使用twitter bootstrap carousel创建一个图像旋转木马。我需要在旋转木马上添加指标。问题是我使用jquery追加附加轮播图像div,这导致指标中断。如果我可以在附加图像后附加指标,我认为我可以解决问题。图像附加如下。

for (i = 0; i < images.length; i++) {
            var $div = $('<div>').addClass('shop-image item')
              .css('background-image', 'url(' + images[i] + ')');
              $('.carousel-inner').append($div);
        }

我需要将以下列表项追加到我在同一庄园的有序列表中。我在我的html代码中有了有序列表,我只需要添加列表项。

<ol class="carousel-indicators">
    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
    <li data-target="#myCarousel" data-slide-to="1"></li>
    <li data-target="#myCarousel" data-slide-to="2"></li>
</ol>

所以基本上我只是不知道如何使用jquery append添加数据目标和数据幻灯片。任何帮助将非常感激。谢谢!

1 个答案:

答案 0 :(得分:0)

试试这个:

$("element").attr("data-target", "your value");