Плагин Wordpress & jQuery Cycle - Как получить заголовок из div, который включает the_title () и the_excerpt () - PullRequest
Новая
       45

Плагин Wordpress & jQuery Cycle - Как получить заголовок из div, который включает the_title () и the_excerpt ()

0 голосов
/ 24 февраля 2011

Я пытаюсь использовать jQuery Cycle Plugin в рамках темы, которую я сейчас разрабатываю. У меня есть цикл jQuery для отображения слайд-шоу изображений постов на главной странице. Однако моя проблема заключается в том, что я не могу заставить его отображать содержимое div, которое правильно содержит заголовки the_title () и the_excerpt (). Я использую следующий код: 

<script>
    $(function() {
        $('#slideshow').cycle({
            fx:       'fadeZoom',
            timeout:   2000,
            after: onAfter
        });
    });
    function onAfter(curr,next,opts) {
        var caption = $('.featured-entry').text();
        $('#caption').html(caption);
    }
</script>

<div id="container">
    <div class="pics" id="slideshow">
        <?php
            $slideshow_posts = new WP_Query('cat=3&posts_per_page=5');
            while($slideshow_posts->have_posts())
                $slideshow_posts->the_post();
                $picture = get_post_meta($post->ID, 'picture', true);
                if(!empty($picture))
                {
                ?>
                    <div class="slideshow-inner">
                        <a class="featured-article" href="<?php the_permalink(); ?>"><img src="<?php echo $picture; ?>" /></a>
                        <div class="featured-entry">
                            <a class="entry-title" href="<?php the_permalink(); ?>" rel="bookmark"><?php the_title(); ?></a>
                            <div class="entry-summary"><?php the_excerpt() ?></div>
                        </div>
                    </div>
                <?php
                }
            }
        ?>
    </div>
    <div id="caption"></div>
</div>

Проблема с этим кодом заключается в том, что он отображает только один пост для всех слайдов. Это означает, что the_excerpt не изменяется при изменении изображения.

Так чего мне не хватает? Это моя первая работа с jQuery, и я надеюсь, что кто-нибудь сможет мне помочь с этим.

P.S. Я знаю, как получить заголовок из атрибутов img, таких как 'alt', но я не хочу делать это таким образом, и я хочу получить заголовок из содержимого div.

Привет

-XO

1 Ответ

1 голос
/ 24 февраля 2011

Попробуйте это : 

function onAfter(curr, next, opts) {
    var caption = $(next).find('.featured-entry').text();
    $('#caption').html(caption);
}

$('featured-entry') следует между прочим.никогда не работает - это недействительный селектор.

...