Как использовать плагин JQuery Cycle с WordPress? - PullRequest
1 голос
/ 29 мая 2009

Я перепробовал все, что мог придумать. Это не должно быть так сложно. Кто-нибудь может объяснить мне, как использовать jQuery с WordPress (в частности, jQuery Cycle Plugin)?

в header.php у меня есть:

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

Я загрузил эти два js-файла в каталог моей темы.

В featured-work-slideshow.js у меня есть:

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

И в моем шаблоне у меня есть:

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

Что я делаю не так ???

Ответы [ 2 ]

4 голосов
/ 29 мая 2009

Я понял это. Я случайно забыл указать правильный путь:

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

должно было быть

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

в противном случае, он работает просто отлично

2 голосов
/ 27 сентября 2011

бросьте get_bloginfo ("stylesheet_directory"), чтобы сделать вашу жизнь проще

 <?php wp_enqueue_script('jquery.cycle.all', get_bloginfo("stylesheet_directory") . '/js/jquery.cycle.all.js', array('jquery')); ?>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...