Обновление Ajax-цикла в Wordpress по клику - PullRequest
Новая
       5

Обновление Ajax-цикла в Wordpress по клику

0 голосов
/ 11 декабря 2010

Я отображаю случайный пост-цикл на странице. Я хотел бы добавить ссылку «обновить», чтобы обновить содержимое цикла через 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 голосов
/ 11 декабря 2010

Поместите случайный почтовый индекс в div (если вы этого еще не сделали) и обновите содержимое этого div с помощью JQuery ...

Как-то так должно работать (но у меня не быловремя для тестирования) ...

В заголовке вашей страницы укажите 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 (" ");"в начале вашей страницы для начальной загрузки, затем в теле, как я показал для обновления ...

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...