jquery – 带动态物品的Bootstrap Carousel不滑动

前端之家收集整理的这篇文章主要介绍了jquery – 带动态物品的Bootstrap Carousel不滑动前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用股票bootstrap转盘:
<div id="main-navigation-carousel" class="carousel slide">
  <div class="carousel-inner">
    <div class="item active" data-id="0">
      <ul>
        <li><a></a></li>
        ....
        <li><a></a></li>
      </ul>
    </div>
  </div>
</div>

通过点击轮播中的锚标签,将新的.item注入到.carousel-inner中.在.item被注入(工作正常)之后,传送带应该滑动到.item.但是,没有任何反应.

<div id="main-navigation-carousel" class="carousel slide">
  <div class="carousel-inner">
    <div class="item active" data-id="0">
      <ul>
        <li><a></a></li>
        ....
        <li><a></a></li>
      </ul>
    </div>
    <div class="item" data-id="1">
      <ul>
        <li><a></a></li>
        ....
        <li><a></a></li>
      </ul>
    </div>
    <div class="item" data-id="2">
      <ul>
        <li><a></a></li>
        ....
        <li><a></a></li>
      </ul>
    </div>
  </div>
</div>

即使我使用$(“#main-navigation-carousel”).carousel(1);在浏览器控制台没有任何反应.如果我在服务器上的代码添加项目,一切正常.

解决方法

删除轮播数据,然后再次触发它做的工作!
$("#main-navigation-carousel").carousel("pause").removeData();
$("#main-navigation-carousel").carousel(target_slide_index);

由于旋转木马不应该自动滑动,所以使用.carousel(“pause”).removeData()很重要.

原文链接:https://www.f2er.com/jquery/175746.html

猜你在找的jQuery相关文章