Bootstrap kullanarak bir atlı karıncaya nasıl gidilir? butonuna tıkladığında, ben atlıkarınca 2. slayta geçmek istediğinizde

Aşağıdaki kodu,Bootstrap kullanarak bir atlı karıncaya nasıl gidilir? butonuna tıkladığında, ben atlıkarınca 2. slayta geçmek istediğinizde

<!DOCTYPE html> 
<html> 
<head> 
<script src="https://code.jquery.com/jquery-2.1.4.js"></script> 
<link href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css" rel="stylesheet" type="text/css" /> 
<script src="https://code.jquery.com/jquery-1.11.3.js"></script> 
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
<script src="https://code.jquery.com/jquery.min.js"></script> 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width"> 
    <title>JS Bin</title> 
</head> 
<body> 

<input type="button" id="myButton" value="click"/> 



<div class="container"> <!--for carousel --> 
<div class="well"> 

<div id="carousel-example-generic" class="carousel slide" data-ride="carousel" data-interval="false"> 

    <div class="carousel-inner"> 
    <div class="item active" id="first_carousel">      

       <a href="#carousel-example-generic" role="button" data-slide="next" id="next_carousel" class="pull-right"> 
        <span class="glyphicon glyphicon-chevron-right"></span> 
       </a> 


    </div><!-- First Carousel --> 

    <div class="item" id="second_carousel"><!-- Second Carousel --> 

      <a class="col-xs-1" href="#carousel-example-generic" role="button" data-slide="prev"> 
       <span class="glyphicon glyphicon-chevron-left"></span> 
      </a> 

      <strong>My Details</strong>   


    </div><!-- Second Carousel --> 


</div> 
</div> 

</div> <!-- Well --> 
</div> <!-- Container --> 


</body> 
</html>

var. Action = "# second_slide" denedim ama işe yaramadı. JQuery veya Bootstrap kullanarak başka bir çözüm var mı?

<input type="button" id="myButton" value="click" onclick=" $('#carousel-example-generic').carousel('next');"/>

de kullanabilirsiniz: $ ('# atlıkarınca-örneğin-jenerik http://jsbin.com/difawayufa/edit?html,output

kaynak

2016-04-07 Kemat Rochi

http: // www belirli slayta gitmek isterseniz , slayt dizinini kullanabilirsiniz. w3schools.com/bootstrap/tryit.asp?filename=trybs_carousel&stacked=h lütfen buna bakın. Bu size yardımcı oldu. – smraj

@smraj - Bu çok basit. Her neyse, aşağıdaki cevaptan aradığım şeyi buldum. –

aşağıdaki ile jquery ile yapabilirsiniz - İşte

Bugüne kadar bu var ') .carousel (' önceki ');

önceki slayta gitmek istiyorsanız

DÜZENLEME:

<input type="button" id="myButton" value="click" onclick=" $('#carousel-example-generic').carousel(1);"/>

kaynak

2016-04-07 08:58:35 Kypaz

Ancak düğmeye tekrar basarsam, Slide-1'e geri döner. Düğmenin sadece bir sonraki sayfaya geçmesini istiyorum - eğer ikinci tıklatırsam, o slaytta kalması gerekir. Bunu jQuery'de başarmak mümkün mü? –

Kimliği kullanabilirsiniz: Gidecek sadece ikinci sürgüye – Kypaz

Bir çekicilik gibi çalışır. Hayatımı kurtardın. Çok teşekkür ederim :) –

Bootstrap kullanarak bir atlı karıncaya nasıl gidilir? butonuna tıkladığında, ben atlıkarınca 2. slayta geçmek istediğinizde

cevap

İlgili konular