最近，我在这里发布了一个关于使用AJAX部署子类别内容的问题。多亏了ccprog，它工作得很好。然而，在我与我的客户分享之后，又出现了另一个问题。他们希望在我单击下一个子类别之前，第一个子类别的内容立即显示在页面上。为了让事情更清楚，下面是一个例子：

Cat A | B类| C类

单击Cat A时，sub 1内容应立即显示在页面上，然后再单击sub 2/sub 3（ajax内容）

我确实试着绕过这些代码，但一点运气都没有。

下面是我正在使用的JS代码

  var links = $(".filter a.ajax");
  var ajaxurl = \'<?php echo admin_url(\'admin-ajax.php\'); ?>\';

   function cat_ajax_get (event) {
     var catIDText = $(event.target).parent().prop(\'id\');
     var catID = catIDText.substring(4);

     links.removeClass("selected"); // remove class from all lines
     $(event.target).addClass("selected"); // only add it back on the selected

    $.ajax({
        type: \'POST\',
        url: ajaxurl,
        data: {"action": "load-filter", cat: catID },
        success: function(response) {
            $(".category-post-content").html(response);
            return false;
        }
    });
  }
  links.click(cat_ajax_get);

  <?php //Best Practices ?>
    <div class="tabs__content" id="best-practices">
        <nav class="category-group">
            <?php $categories = get_categories(array(\'child_of\' => 4));
                ?>
                <ul class="filter">
                    <?php foreach($categories as $cat) { ?>
                        <li id="cat-<?php echo $cat->term_id; ?>"><a class="<?php echo $cat->slug; ?> ajax" href="#"><?php echo $cat->name; ?></a></li>
            <?php } ?>
                </ul>
        </nav>

        <div class="category-post-content"></div>
    </div>
  <?php //End Best Practices ?>

 add_action( \'wp_ajax_nopriv_load-filter\', \'prefix_load_cat_posts\' );
 add_action( \'wp_ajax_load-filter\', \'prefix_load_cat_posts\' );
 function prefix_load_cat_posts () {
   $cat_id = $_POST[ \'cat\' ];
   $args = array (
    \'cat\' => $cat_id,
    \'posts_per_page\' => 10
   );

   $posts = get_posts( $args );
            global $post;

 ob_start ();

 foreach ( $posts as $post ) {
  setup_postdata( $post ); ?>

    <div id="post-<?php echo $post->ID; ?>" <?php post_class(); ?>>
      <div class="article">
        <div class="article__thumbnail"><?php the_post_thumbnail(); 
   ?></div>
        <div class="article__content">
            <div class="article__header"><?php the_title(); ?></div>
            <div class="article__brief"><?php 
     the_field(\'post_excerpt\'); ?></div>
             <div class="article__link"><?php the_content(); ?></div>
  </div>
    </div>
</div>

<?php } wp_reset_postdata();

 $response = ob_get_contents();
 ob_end_clean();

 echo $response;
 die(1);
 }