アクティブなクラスからカテゴリIDを取得してクエリに渡す方法

Question

アクティブなアンカークラスからカテゴリIDを取得し、そのIDをポストクエリにどのように送信しますか？

ブログヘッダーに出力された個々のカテゴリのリンクのクラスを切り替えると、クリックするとcat IDが後続の投稿のクエリに渡されます。

このように、ブログヘッダーのアクティブなクラスは、別のカテゴリのリンクがクリックされるまで、同じカテゴリの投稿のみを表示します。

基本的に、私はしばらくこの作業をしていましたが、解決できません。私は本当に必要なPHPとJavascriptのヘルプに感謝します。

私はPHP、Javascript、およびjQueryを初めて使用しています。この問題に関する質問やチュートリアルは見つかりません。

ありがとうございます！

<!-- Page Content --> 

    <div class="blog-header"> 
    <div id="blog-header-container"> 

       <?php $cats = get_categories(); 
        foreach ($cats as $cat) { 
         $cat_id= $cat->term_id;?> 

         // Here are the individual category links 

         <?php echo "<a href='' class='blog-cat-list' id='tab-". 
         $cat_id ."'><h4>" .$cat->name. "</h4></a>"; 
        } 
       ?> 

       </ul> 
       </div> 
       </div> 

       <div class="container" id="blog-container"> 
       <div class="row" id="all-posts-row"> 

       // Here is the post query 

       <h3><?php $cat->name ?></h3> 

       <?php 
       $paged = (get_query_var('paged')) ? get_query_var('paged') : 1; 
       $args = array(
         'posts_per_page' => 5, 
         'paged' => $paged, 
         'cat' => $cat_id); 

       query_posts($args); ?> 

       <!-- the loop --> 

       <?php if (have_posts()) : while (have_posts()) : the_post(); 
       get_template_part('content', get_post_format()); 
       endwhile; ?> 

       <!-- pagination --> 

        <nav> 
        <ul class="pager"> 
         <li><?php previous_posts_link('Newer Posts'); ?></li> 
         <li><?php next_posts_link('Older Posts'); ?></li>  
        </ul> 
        </nav> 

       <?php else : ?> 
       <!-- No posts found --> 
       <?php endif; ?> 
    </div> 
    </div> 

Answer 1

ページをリロードしたくない場合でも依頼を処理したい場合は、Ajaxコールを使用する必要があります。 Ajaxコールを作成すると、カテゴリーIDが渡されます。あなたのjavascript

function loadCat(category_id){ 
    YOUR AJAX CALL 
}