WordPress的和jQuery的周期插件 - 如何从的div contins the_title

2019-11-04 21:39发布

我想是我目前正在开发一个主题中使用jQuery Cycle插件。 我已经得到了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一个职位的所有幻灯片。 这意味着the_excerpt不改变图像的变化时。

那么是什么我失踪? 这是我与jQuery的第一部作品,我希望有人能帮助我。

PS我知道如何从IMG的属性标题,如“ALT”,但我并不想这样做的,我想从一个div的内容的标题。

问候

-XO

Answer 1:

试试这个 :

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

$('featured-entry')应该顺便说一句。 从来没有工作 - 这不是一个有效的选择。



文章来源: Wordpress & jQuery Cycle Plugin - How to get caption from div that contins the_title() and the_excerpt()