我有一个导航栏，里面有类别。当我将鼠标悬停在一个类别上时，我想使用ajax查询最近的3篇文章。

html标记

<ul>
    <li id="alabama">Alabama</li>
    <li id="banana">Banana</li>
    <li id="bible">Bible</li>

</ul> 

<div id="main"></div>

$( "#alabama" ).click(function() {
 var ajaxurl = "<?php echo admin_url(\'admin-ajax.php\'); ?>";
      $.post(
          ajaxurl, 
          {
              \'action\'  :   \'fetch_posts\',
              \'fetch\' :   \'alabama\',
          }, 
          function(output){
            $(\'#main\').html(output);
          });
});
enter code here

function import_post() {
    if($_REQUEST[\'fetch\'] == \'alabama\'){
        $query_args = array(
                \'post_type\' => \'post\',
                      \'tax_query\' => array(
                      \'relation\' => \'AND\',
                          array(
                              \'taxonomy\' => \'category\',
                              \'field\'    => \'slug\',
                              \'terms\'    => array( \'news\' ),

                          ),
                          array(
                              \'taxonomy\' => \'category\',
                              \'field\'    => \'slug\',
                                  \'terms\'    => array( \'alabama\' ),
                          ),
                      ),
            );
            $the_query = new WP_Query( $query_args ); 

        if ( $the_query->have_posts() ) :
             while ( $the_query->have_posts() ) : $the_query->the_post();
                $return_str.= \'<div class="col-md-3">\';
                $return_str.= \'<li>\' . get_the_title() . \'</li>\';
                $return_str.=\'</div>\';
            endwhile;
            wp_reset_postdata();
            else :
                $return_str.= \'No posts found\';
        endif;
    } 


    echo $return_str;
    die;
}



add_action(\'wp_ajax_fetch_posts\', \'fetch_posts\');

add_action(\'wp_ajax_nopriv_fetch_posts\', \'fetch_posts\');