Wie benutzt man das jQuery Cycle Plugin mit WordPress?

Ich habe alles versucht, was mir einfällt. Es sollte nicht so schwer sein. Kann mir jemand bitte den Prozess der Verwendung von jQuery mit WordPress (speziell jQuery Cycle Plugin) erklären?Wie benutzt man das jQuery Cycle Plugin mit WordPress?

in header.php ich habe:

<?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(); 
?>

ich mein Thema ist, diese beiden js Dateien in das Verzeichnis hochgeladen haben.

In vorgestellten arbeits slideshow.js ich habe:

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

Und in meiner Vorlage, die ich habe:

<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>

Was mache ich falsch ???

Quelle

2009-05-29 Andrew

ein get_bloginfo werfen ("stylesheet_directory") Ihr Leben leichter

zu machen

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

Quelle

2011-09-27 18:54:12 shalzers

Schön! Wusste nicht, dass diese Funktion existiert. Aber warum geben Sie ein "Stylesheet-Verzeichnis" an, wenn es sich um Javascript-Dateien handelt. Gibt es eine "Javascripts-Verzeichnis" -Funktion? – Andrew

@Andrew gibt es kein angegebenes 'js'-Verzeichnis, aber ich würde empfehlen, entweder [get_template_directory_uri()] (http://codex.wordpress.org/Function_Reference/get_template_directory_uri) oder [get_stylesheet_directory_uri] (http: //codex.wordpress .org/Funktions_Referenz/get_stylesheet_directory_uri). –

Ich habe es herausgefunden. Ich habe vergessen, aus Versehen, den richtigen Weg zu spezifizieren:

<?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(); 
?>

sollte

<?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(); 
?>

anders sein, es funktioniert gut

Quelle

2009-05-29 14:02:12 Andrew

Wie benutzt man das jQuery Cycle Plugin mit WordPress?

Antwort

Verwandte Themen