Php WordPress实时搜索不显示任何结果

我试图在我的自定义WordPress主题上使用ajax和jquery创建一个实时搜索。如果我使用.click（）函数，它将显示所需的输出，但当使用.keyup或on（'input'，function（）{}）时，它将不显示任何内容

Jquery代码

var searchRequest = null;
            var minlength = 3;

            $(".search-submit").on('input',function(e){
                e.preventDefault();
                var st=$(".search-field").val();

                if (st.length >= minlength )
                {
                    if (searchRequest != null) 
                    searchRequest.abort();
                    searchRequest=$.ajax({
                        type:"POST",
                        url: "./wp-admin/admin-ajax.php",
                        data: {
                            action:'wpa56343_search', 
                            search_string:st
                            },
                        success:function(data){
                            $('.srch-result').append(data);
                        }
                    }); 
                }

            });  

function.PHP的PHP代码

add_action('wp_ajax_nopriv_wpa56343_search', 'wpa56343_search'); 
add_action('wp_ajax_wpa56343_search', 'wpa56343_search');
function wpa56343_search()
{
    global $wp_query;
    $search = $_POST['search_string'];
    $args = array(
        's' => $search,
        'posts_per_page' => 5
    );
    $query = new WP_Query( $args );

    if ( $query->have_posts() ) :
      while ( $query->have_posts() ) : 

    $query->the_post();
    get_template_part( 'template-parts/ajax-search-format', get_post_format() );

  endwhile;
  endif;
  wp_reset_postdata();
}

---

也请显示您的html结构。 我认为你试图用错误的元素触发。 可能$（“.search submit”）不是输入字段

尝试：

$(".search-field").on('input',function(e){
//** YOUR CODE **/
});