Wordpress ajax循环刷新点击

时间:2010-12-10 21:33:58

标签: ajax wordpress loops

我在页面上显示随机的后循环。我想放一个“刷新”链接来通过ajax刷新循环的内容。

这可能吗?

这是我的循环:

            <ul id="content-inner" class="thumb-grid clearfix">
            <?php query_posts('posts_per_page=20&orderby=rand'); ?>
            <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
                <li>
                    <a href="<?php the_permalink(); ?>">
                        <img src="<?php echo $my_image_url = get('thumbnail'); ?>" alt="" />
                        <span class="title"><?php the_title(); ?></span>
                        <span class="feat"><?php $articletags = strip_tags(get_the_tag_list('',', ',''));echo $articletags;?></span>
                    </a>
                </li>
            <?php endwhile;?>
            <?php endif; ?>
            <?php wp_reset_query(); ?>
            </ul>

由于

1 个答案:

答案 0 :(得分:0)

将随机邮政编码放入div(如果你还没有),并用JQuery刷新该div的内容......

这样的事情应该有效(但我没有时间去测试)......

在页面的头部引用JQuery,然后使用JQuery.Ready加载第一个随机帖子(用于初始页面加载):

<head>

<script> /*...reference JQuery...*/ </script>
<script>
  jQuery(document).ready(function($) {
    $("#randomdiv").html("<?php getRandomPost() ?>");
  });
</script>

</head>

<body>
 ....

<div id="randomdiv">[placeholder text]</div>
<a id="refresh" href="#">click</a>

<!-- Then for the REFRESH:
make sure this script occurs AFTER your div (above) -->
<script> 
    $(function() {
      $("#refresh").click(function(evt) {
         $("#randomdiv").html("<?php getRandomPost() ?>");
         evt.preventDefault();
      })
    })
</script>

</body>

所以将你的整个循环代码放在一个名为getRandomPost()(或其他东西)的函数中,并将它放在你的wordpress“functions.php”文件中......然后只需调用“$(”#randomdiv“)。html( “”);”在页面的头部进行初始加载,然后在我为刷新显示的正文中...