使用引导程序在另一个页面上设置活动幻灯片

Question

我正在使用引导轮播并尝试将另一个页面上的项目设置为活动状态。

这里是sn-ps。

导航栏在主页上，

<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>

如何设置第二个项目，即项目 2，在单击 nav-2 时处于活动状态？

提前致谢。

Answer 1

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

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