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

Podepnij po ludzku czyli tak jak masz bootstrapa

Błąd jasno mówi że nie ma jQuery

Ten post edytował Pyton_000 19.09.2014, 11:56:19

Czyli podpiąć oryginalną bibliotekę? Inne wtyczki nie będą miały wtedy problemu z kompatybilnością? W końcu jest inna nazwa funkcji.

Ok rozwiązałam problem we właściwy dla wordpressa sposób. Mam nadzieję że komuś się przyda.

[PHP] pobierz, plaintext 
 
<?php wp_enqueue_script("jquery"); ?>
<?php 
        $handle = 'bootstrap';
        $src = get_template_directory_uri().'/bootstrap-3.2.0-dist/js/bootstrap.js';
        wp_enqueue_script( $handle, $src, array( 'jquery' ) );
 
 
?>
 
[PHP] pobierz, plaintext 

Ten post edytował Vill 19.09.2014, 13:16:44