Question

我正在尝试在我正在开发的主题中使用jQuery Cycle Plugin。我有jQuery Cycle在主页上显示帖子图片的幻灯片。但是，我的问题是我无法正确显示包含the_title（）和the_excerpt（）的div的内容作为标题。我正在使用以下代码：

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

此代码的问题在于它只显示所有幻灯片的一个帖子的_excerpt。这意味着当图像发生变化时，the_excerpt不会改变。

那么我错过了什么？这是我第一次使用jQuery，我希望有人可以帮助我。

P.S。我知道如何从img的属性中获取标题，例如'alt'，但我不想这样做，我想从div的内容中获取标题。

此致

-XO

Answer 1

尝试this：

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

应该{p> $('featured-entry')。从不工作 - 它不是一个有效的选择器。

Wordpress＆amp; jQuery Cycle Plugin - 如何从包含the_title（）和the_excerpt（）的div获取标题

1 个答案: