クリック時のWordpress Ajaxループリフレッシュ

ページ上にランダムなポストループを表示します。私はループの内容をリフレッシュするための "リフレッシュ"リンクをajax経由で配置したいと思います。クリック時のWordpress 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>

おかげ

出典

2010-12-10 Blackbird

（お持ちでない場合は）divの中にランダムポストコードを入れて、jQueryを使ってそのdiv要素の内容を更新...あなたのページの参照はJQueryの頭で

このような何かが動作するはずです（私はテストする時間がなかった）...

、その後、最初のランダムポスト（Fをロードするために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（呼び出された関数に入れて（または何か）とあなたのワードプレス「のfunctions.php」ファイルにそれを置く...、そしてちょうど "を呼び出します$（ "＃randomdiv"）。html（ ""）; "あなたのページの頭の中で最初の読み込みのために私はリフレッシュのために示されているように体の中で...

出典

2010-12-10 22:02:51 prilldev

こんにちは、thxs - iveは私が使用することができますか？それと一緒に投稿されたコードを使用しますか？ – Blackbird

上記の私の更新された答えを見て、それが動作するかどうか教えてください。ありがとう！ – prilldev

助けてくれてありがとう。私はエラー "致命的なエラー：未定義の関数query_posts（）"私は最新のリンクをクリックしたときにキックを呼び出す....任意のアイデア？ – Blackbird

クリック時のWordpress Ajaxループリフレッシュ

答えて

関連する問題