使用bootstrap在另一个页面上设置活动幻灯片

Question

我正在使用bootstrap carousel并试图在另一个页面上设置一个项目。

以下是摘录。

导航栏位于主页上，

<ul class="navbar">
     <a href="#" class="nav-item active" data-target="#myContent" data-slide-to="??"  >nav 1 </a></li>
     <a href="#" class="nav-item" data-target="#myContent" data-slide-to="??" >nav 2</a> </li>          

和myCarousel在另一页上，

<div id="myContent" class="carousel slide" >
  <div class="carousel-inner">     
    <div class="item active "> Item 1 </div>
    <div class="item> Item 2 </div>
  </div>
</div>

如何在单击nav-2时将第2项（第2项）设置为活动状态？

提前致谢。

Answer 1

根据docs 只需将onclick事件监听器添加到nav-2元素：

$('.carousel').carousel(1);