Ajaxで記事一覧を取得するショートコード(2/2) #WordPressプラグイン

paka3_post.js

jQuery(function($) {

//初回、ページの読み込みが完了したら実行
$(function(){
  $(window).load(function () {
    $('#getPostsSubmit').trigger("click");
  });
});

//指定した場所を表示したら
//#getPostsSubmitをchick
$(function() {
 $('#getPostsSubmit').trigger("click");
  //基準となる要素を指定する
  var triggerNode = $(".paka3_trigger");
  // 画面をスクロールしたときに実行
  $(window).scroll(function(){
    var triggerNodePosition = $(triggerNode).offset().top - $(window).height(); 
    if ($(window).scrollTop() > triggerNodePosition) {
      //#getPostsSubmitをchick
      $('#getPostsSubmit').trigger("click");
    }
  });
});


//読み込み関数

$(document).ready(function(){
    //ローディグ画像の非表示とボタン表示
    $('#loadingmessage').hide();
    $('#getPostsSubmit').removeAttr("disabled");

    $(document).on('click','#getPostsSubmit', function(){
      if($("#paka3getpost_count").val() >=0){
        var $i = $("#paka3getpost_count").val()*1;
        var $args = $("#paka3getpost_data").val();

        //値を-1に実行中は設定する
        $("#paka3getpost_count").val(-1);
        //ローディグ画像の表示とボタン非表示
        $('#loadingmessage').show();
        $('#getPostsSubmit').attr("disabled", "disabled");
        $.post(
           paka3Posts.ajaxurl,
              {
                 action : 'paka3_gp_action',
                 security : paka3Posts.security,
                 paka3getpost_count : $i ,
                 paka3getpost_data : $args,
              },
              function( response ) {
                
                for(var i in response){
                  $("#res").append("<li>");
                  $("#res").append("<h3>"+response[i].post_title+"</h3>");
                  $("#res").append("<div>"+response[i].post_date+"</div>");
                  $("#res").append("<div>"+response[i].post_content+"</div>");
                  $("#res").append("</li>");
                }
                if(response.length != 0){
                 $("#paka3getpost_count").val(1 + $i);
                }else{
                 $("#paka3getpost_count").val(-1);
                }
                 console.log( response );
                
                 $('#loadingmessage').hide();
                 $('#getPostsSubmit').removeAttr("disabled");
                 //$('#res').show();
                 }
          );
       return false;
      }else{
         $('#getPostsSubmit').hide();
      }
    });	
   


  });
})(jQuery);