显示具有Javascript幻灯片效果的动态列表(Wordpress WP-Query)中的多个内容项
显示具有Javascript幻灯片效果的动态列表(Wordpress WP-Query)中的多个内容项
提问于 2014-08-12 18:15:46
我使用以下代码生成具有javascript滑动效果的动态列表：
<head>
<script data-require="jquery@*" data-semver="2.1.1" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>
</head>
<body>
<div class="newsblock">
<ul id="newgall">
<?php
//display 10 posts with title and date
$args=array(
'post_type' => 'post',
'post_status' => 'publish',
'post_category' => '123',
'posts_per_page' => 12,
'caller_get_posts'=> 1
);
$my_query = null;
$my_query = new WP_Query($args);
if( $my_query->have_posts() ) {
while ($my_query->have_posts()) : $my_query->the_post();
?>
<li>
<p>
<a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a>
<br/><?php the_time('F jS, g:i a') ?>
<br/>
</p>
</li>
<?php
endwhile;
}
wp_reset_query(); // Restore global post data stomped by the_post().
?>
</ul>
</div>
<script>
var $items = $('#newgall li'),
i = 0;
function slide() {
var index = i % $items.length;
$items.hide().removeClass('curr').slice(index, index +4).show('fade').addClass('curr');
i += 4;
setTimeout(slide, 400);
};
slide();
</script>
</body>现在，我想使用幻灯片效果，每次显示4个最近的帖子中的12个，使3个过渡总数。对于一个正常的，无序的列表，这是很好的。当我使用WP_Query作为列表时，列表不会填充一个以上的转换。
在这里，12篇帖子中只有4篇有什么不对之处？
此外，如何默认为第一组的4个列表项。列表填充之前会发生转换效果，结果是空白处，然后显示内容。我希望列表从最近的4篇文章开始，然后转换到下一组内容，等等。
回答 1
Stack Overflow用户
发布于 2014-08-13 03:56:24
这个密码有效！还有一些其他的，无用的冲突代码导致了错误。谢谢，我！
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/25271328
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号