Comment utiliser le plugin jQuery Cycle avec WordPress?

J'ai essayé tout ce que je peux penser. Ça ne devrait pas être si dur. Quelqu'un peut-il m'expliquer le processus d'utilisation de jQuery avec WordPress (en particulier jQuery Cycle Plugin)?Comment utiliser le plugin jQuery Cycle avec WordPress?

dans header.php J'ai:

<?php 
    wp_enqueue_script('jquery.cycle.all.min', '/wp-content/themes/andrewhavens/jquery.cycle.all.min.js', array('jquery')); 
    wp_enqueue_script('featured-work-slideshow', '/wp-content/themes/andrewhavens/featured-work-slideshow.js'); 
    wp_head(); 
?>

J'ai téléchargé ces deux fichiers js au répertoire de mon thème.

En vedette-travail-slideshow.js je:

jQuery(document).ready(function($) { 
    $('#featured-works').cycle('fade'); 
});

Et dans mon modèle, j'ai:

<div id="featured-works"> 
    <?php query_posts('category_name=featured-work&showposts=5'); ?> 
    <?php while (have_posts()) : the_post(); ?> 
     <div class="featured-work"> 
      <div class="featured-work-image-container" style="float:left; width:600px;"> 
       <?php $image = get_post_meta($post->ID, 'homepage-image', true); ?> 
       <img src="<?php echo $image; ?>" width="500" height="300" style="margin-left:30px;"> 
      </div> 
      <p style="float:left; width:300px;"> 
       <?php the_title(); ?><br /> 
       <a href="<?php the_permalink() ?>">Read More!</a> 
      </p> 
     </div> 
    <?php endwhile;?> 
</div>

Qu'est-ce que je fais mal ???

Source

2009-05-29 Andrew

jeter un get_bloginfo ("stylesheet_directory") pour rendre votre vie plus facile

<?php wp_enqueue_script('jquery.cycle.all', get_bloginfo("stylesheet_directory") . '/js/jquery.cycle.all.js', array('jquery')); ?>

Source

2011-09-27 18:54:12 shalzers

Nice! Je ne savais pas que cette fonction existait. Mais pourquoi spécifiez-vous un "répertoire de feuille de style" quand il s'agit de fichiers javascript. Y a-t-il une fonction "répertoire javascripts"? – Andrew

@Andrew il n'y a pas de répertoire 'js' spécifié, mais je recommanderais d'utiliser [get_template_directory_uri()] (http://codex.wordpress.org/Function_Reference/get_template_directory_uri) ou [get_stylesheet_directory_uri] (http: //codex.wordpress .org/Function_Reference/get_stylesheet_directory_uri). –

Je l'ai compris. J'ai oublié accidentellement de préciser le droit chemin:

<?php 
    wp_enqueue_script('jquery.cycle.all.min', '/wp-content/themes/andrewhavens/jquery.cycle.all.min.js', array('jquery')); 
    wp_enqueue_script('featured-work-slideshow', '/wp-content/themes/andrewhavens/featured-work-slideshow.js'); 
    wp_head(); 
?>

aurait dû être

<?php 
    wp_enqueue_script('jquery.cycle.all.min', '/wp-content/themes/andrewhavens/js/jquery.cycle.all.min.js', array('jquery')); 
    wp_enqueue_script('featured-work-slideshow', '/wp-content/themes/andrewhavens/js/featured-work-slideshow.js'); 
    wp_head(); 
?>

sinon, il fonctionne très bien

Source

2009-05-29 14:02:12 Andrew

Comment utiliser le plugin jQuery Cycle avec WordPress?

Répondre

Questions connexes