jQuery的旋转木马复制

Question

我在引导模板，里面有jQuery的旋转木马在里面工作。我想乘它，但是当我复制整个DIV和贴吧，控件将原来的一个。

我该怎么做？

我不能发布jQuery的JS，因为它太大。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 
<div id="about" class="about"> 
 
     <div class="row"> 
 
     
 
     <div class="col-sm-5 wowload fadeInLeft"> 
 
     <div class="spacer test2"><h4><i class="fa fa-code"></i>hi</h4><hr> 
 
     <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> 
 
     <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley.</p> 
 
     </div> 
 
     </div> 
 

 
     <div class="col-sm-7 wowload fadeInRight"> 
 
     <div id="carousel-works" class="carousel slide" data-ride="carousel"> 
 
     <div class="carousel-inner" role="listbox"> 
 
     <div class="item active"><img src="http://lorempixel.com/400/200/" class="img-responsive"></div> 
 
     <div class="item"><img src="http://lorempixel.com/400/200/" class="img-responsive"></div> 
 
     <div class="item"><img src="http://lorempixel.com/400/200/" class="img-responsive"></div> 
 
     </div>  
 
     <!-- Controls --> 
 
     <a class="left carousel-control" href="#carousel-works" role="button" data-slide="prev"><i class="fa fa-3x fa-angle-left"></i></a> 
 
     <a class="right carousel-control" href="#carousel-works" role="button" data-slide="next"><i class="fa fa-3x fa-angle-right"></i></a> 
 
     </div> 
 
     </div> 
 
     </div> 
 
    </div>

Answer 1

<div id="carousel-works" class="carousel slide" data-ride="carousel"> 

当您复制转盘更改ID，不是别的东西旋转木马的工作原理

而且对照的 “href”'新ID

<a class="left carousel-control" href="#carousel-works" role="button" data-slide="prev"><i class="fa fa-3x fa-angle-left"></i></a> 

<a class="right carousel-control" href="#carousel-works" role="button" data-slide="next"><i class="fa fa-3x fa-angle-right"></i></a> 

像这样的东西可能是

<div class="col-sm-7 wowload fadeInRight"> 
     <div id="carousel-works2" class="carousel slide" data-ride="carousel"> 
     <div class="carousel-inner" role="listbox"> 
     <div class="item active"><img src="images/portfolio/4.jpg" class="img-responsive"></div> 
     <div class="item"><img src="images/portfolio/5.jpg" class="img-responsive"></div> 
     <div class="item"><img src="images/portfolio/6.jpg" class="img-responsive"></div> 
     </div>  
     <!-- Controls --> 
     <a class="left carousel-control" href="#carousel-works2" role="button" data-slide="prev"><i class="fa fa-3x fa-angle-left"></i></a> 
     <a class="right carousel-control" href="#carousel-works2" role="button" data-slide="next"><i class="fa fa-3x fa-angle-right"></i></a> 
     </div> 
     </div>