Question

我有以下页面：https://nationalvip.pixl.work/test/ 它显示名为：网络研讨会的自定义帖子类型。网络研讨会有不同的类别，显示在左侧的选项卡中。

选择某个类别后，该类别（选定）下的网络研讨会将显示在右侧。

当网络研讨会超过 2 个时会显示分页。

这是我的问题。

当您单击任何类别的 #2 时，它会向您显示网络研讨会选项卡中的文章，但不应该是那样。

我认为这是因为分页会重新加载页面并默认显示网络研讨会类别。

如何避免分页以重新加载页面并显示属于所选类别的正确文章？

这是我的代码：

<?php
    foreach($categories as $category) { 

            $paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
            $args = 
               array( 
                    'post_type' => 'webinar',
                    'posts_per_page' => 2,
                     'paged' => $paged,
                    'category_name' => $category->slug
              );
      
            query_posts($args);

            if ( have_posts() ) : while (have_posts()) : the_post();

                the_title(); 
      
            endwhile;     
      
      ?>
      
    <div class="pagination">
        the_posts_pagination( array(
            'prev_text' => __( '<', 'textdomain' ),
            'next_text' => __( '>', 'textdomain' ),
        ) );
    </div>

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

<?php     
  
  }

这是我的 Javascript：

function openWebinar(evt, webibarName) {

var i, tabcontent, tablinks;

tabcontent = document.getElementsByClassName("tabcontent");
for (i = 0; i < tabcontent.length; i++) {
 tabcontent[i].style.display = "none";
 }

 tablinks = document.getElementsByClassName("tablinks");
 for (i = 0; i < tablinks.length; i++) {
  tablinks[i].className = tablinks[i].className.replace(" active", "");
 }

  webibarName.style.display = "block";
  evt.currentTarget.className += " active";

 }

document.getElementById("defaultOpen").click();

分页导致页面重新加载 wordpress

0 个答案: