Forum PHP.pl

Nie odpowiadają mi obecne darmowe pluginy, chcę stworzyć swój slider na bazie bootstrapa.

Mam problem, ponieważ karuzela nie zmienia slajdów, ani strzałkami, ani automatyznie. Strzałki nie wywołują odpowiedniej funkcji, linkują tylko do samych siebie po id.

W konsoli wypisuje mi się błąd
"Uncaught Error: Bootstrap's JavaScript requires jQuery"

Problem w tym, że mam podpiętą bibliotekę jQuery poprzez wordpressa (tak jak się to powinno robić).

[HTML] pobierz, plaintext 
<?php wp_enqueue_script("jquery"); ?>
<link rel="Stylesheet" href="<?php bloginfo( 'template_url' ); ?>/bootstrap-3.2.0-dist/css/bootstrap.css" type="text/css" />
<script type="text/javascript" src="<?php bloginfo( 'template_url' ); ?>/bootstrap-3.2.0-dist/js/bootstrap.js"></script>	
[HTML] pobierz, plaintext 

Co zrobić, żeby karuzela działałą na wordpressie?

Kod karuzeli wzięty z tutorialu bootstrapa

[HTML] pobierz, plaintext 
<div id="carousel-example-generic2" class="carousel slide" data-ride="carousel">
  <!-- Wskaźniki w postaci kropek -->
  <ol class="carousel-indicators">
    <li data-target="#carousel-example-generic2" data-slide-to="0" class="active"></li>
    <li data-target="#carousel-example-generic2" data-slide-to="1"></li>
    <li data-target="#carousel-example-generic2" data-slide-to="2"></li>
  </ol>
 
  <!-- Slajdy -->
  <div class="carousel-inner">
    <div class="item active">
      <img src="http://placehold.it/2560x1000" alt="">
      <!-- Opis slajdu -->
      <div class="carousel-caption">
        <h3>To jest opis</h3>
        <p>pierwszego slajdu</p>
      </div>
    </div>
 
    <div class="item">
      <img src="http://placehold.it/2560x1000" alt="">
      <!-- Opis slajdu -->
      <div class="carousel-caption">
        <h3>To jest opis</h3>
        <p>drugiego slajdu</p>
      </div>
    </div>
 
    <div class="item">
      <img src="http://placehold.it/2560x1000" alt="">
      <!-- Opis slajdu -->
      <div class="carousel-caption">
        <h3>To jest opis</h3>
        <p>trzeciego slajdu</p>
      </div>
    </div>
 
  </div>
 
  <!-- Strzałki do przewijania -->
  <a class="left carousel-control" href="#carousel-example-generic2" data-slide="prev">
    <span class="icon-prev"></span>
  </a>
  <a class="right carousel-control" href="#carousel-example-generic2" data-slide="next">
    <span class="icon-next"></span>
  </a>
</div>
[HTML] pobierz, plaintext 

Ten post edytował Vill 19.09.2014, 11:27:55