0

我正在尝试在 wordpress 中创建一个滚动新闻自动收录器,以在我的页脚中定位自定义帖子类型。这是下面的javascript和我的div。谢谢。

  $('.ticker-wrapper').cycle({
     fx: 'scrollHorz',
     continuous: 1,
     easeIn: 'linear',
     easeOut: 'linear'
  });


<div class ="ticker-wrapper">
<!--pulling in custom post type "Ticker"-->
<article class="ticker">

<?php $recentPosts = new WP_Query("showposts=8&post_type=Ticker"); 
while($recentPosts->have_posts()):$recentPosts->the_post();?>

<article id="post-<?php the_ID(); ?>" <?php post_class('clearfix'); ?> role="article">   

<a href="<?php the_permalink(); ?>"><?php the_post_thumbnail('ticker-img', array('class' => 'ticker-image'));?></a>
<h2 class="ticker-title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
<p class="ticker-excerpt"><?php the_excerpt('ticker_length'); ?></p>
</article>  <!--end ticker-->

<?php endwhile; wp_reset_query(); ?>
</div> <!--end ticker-wrapper-->
4

1 回答 1

0

确保你有 jQuery Cycle 运行,并确保它在 jQuery 之后被调用。然后,您需要在 jQuery Cycle 调用中的 article 类之外开始和结束您的自定义循环。所以试试下面的代码。

把它放在你的<head></head>标签中,在链接到 jQuery 和 jQuery Cycle 之后。

$(document).ready(function () { 
    $('.ticker-wrapper').cycle({
        fx: 'scrollHorz',
        continuous: 1,
        easeIn: 'linear',
        easeOut: 'linear'
    });
});

把它放在你想要滚动条的地方。

<?php $recentPosts = new WP_Query("showposts=8&post_type=Ticker"); 
while($recentPosts->have_posts()):$recentPosts->the_post();?>

<div class="ticker-wrapper">

    <article <?php post_class('clearfix'); ?> role="article" class="ticker" id="post-<?php the_ID(); ?>">   

        <a href="<?php the_permalink(); ?>"><?php the_post_thumbnail('ticker-img', array('class' => 'ticker-image'));?></a>

        <h2 class="ticker-title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
        <p class="ticker-excerpt"><?php the_excerpt('ticker_length'); ?></p>

    </article>  <!--end .ticker-->

</div> <!--end ticker-wrapper-->

<?php endwhile; wp_reset_query(); ?>

我还稍微修改了代码并取出了其中一个标签,因为它基本上是上面标签article的副本。article我在上一篇文章中添加了那篇文章中的类和 ID。这应该可以,但如果没有回复任何 PHP 或 JS/jQuery 错误。

于 2012-12-03T14:33:46.987 回答