使用AJAX隐藏“显示更多”按钮

debugcn 发表于 Dev

玛丽·皮亚德雷

我的WP网站上有“显示更多”按钮。默认情况下，显示2个帖子，单击此按钮将显示其他2个帖子。因此，如果有2个以上的帖子，则需要检查页面加载情况。没有，按钮隐藏。我为此使用AJAX。但是我的代码不起作用。

functions.php

function buttonHide() {
   $posts_count = wp_count_posts()->publish;
   if ($posts_count <= 2) {
    echo '<script>function hideLoadMore(){$("#load-post").hide();}</script>';
     }
     // Reset Query
    wp_reset_query();

    die();
}

add_action('wp_ajax_buttonHide', 'buttonHide');
add_action('wp_ajax_nopriv_buttonHide', 'buttonHide');

load.js

$(function() {

        checkLoadButton();

        function checkLoadButton() {
            $.ajax({
                url: "/wp-admin/admin-ajax.php",


                data: ({               
                     action: 'buttonHide'
                }),
                type: "GET",
                success: function() {
                    if (hideLoadMore) {
                        hideLoadMore(); //function from functions.php
                    }
                }
            });
        }
    });

萨拉斯

检查一下

functions.php

function buttonHide() {
   $posts_count = wp_count_posts()->publish;
   if ($posts_count <= 2) {


      $result['type'] = "success";
       $result['status'] = 'hide'  ;
       $result = json_encode($result);
        echo $result;
        die();
     }else{

        $result['type'] = "success";
        $result['status'] = 'show'  ;
        $result = json_encode($result);
        echo $result;
        die();
     }


    die();
}

add_action('wp_ajax_buttonHide', 'buttonHide');
add_action('wp_ajax_nopriv_buttonHide', 'buttonHide');


add_action( 'init', 'my_script_enqueuer' );

function my_script_enqueuer() {

   wp_localize_script( 'more_script', 'myAjax', array( 'ajaxurl' => admin_url( 'admin-ajax.php' )));        

   wp_enqueue_script( 'jquery' );
   wp_enqueue_script( 'more_script' );

}

load.js

 function checkLoadButton() {
             jQuery.ajax({


            type : "post",
            dataType : "json",
            url : myAjax.ajaxurl,
            data : {action: "buttonHide"},


             success: function(response) {
            if(response.type == "success") {


                if(response.status=="hide"){
                    jQuery("#load-post").hide();
                }else if(response.status=="show"){
                    jQuery("#load-post").show();
                }

            }
            else {
               alert("Error")
            }
         }
            });
        }

$(function() {
        checkLoadButton();

    });