单击后更改按钮文本以在加载时加载更多答案

【问题标题】：Change button text after click for ajax load more while loading单击后更改按钮文本以在加载时加载更多
【发布时间】：2021-03-13 04:27:54
【问题描述】：

今天我正在为我的 WordPress 帖子添加更多 Ajax 负载。该功能正在工作并获取我的内容。但我想知道如何在加载时向按钮添加文本更改。

这是我的脚本：

var page = 2;
jQuery(function($) {
    $('body').on('click', '.loadmore', function() {
        var data = {
            'action': 'load_posts_by_ajax',
            'page': page,
            'security': blog.security
        };

        $.post(blog.ajaxurl, data, function(response) {
            if($.trim(response) != '') {
                $('#blog-loop .row .container .row').append(response);
                page++;
            } else {
                $('.loadmore').hide();
            }
        });
    });
});

谁能向我解释我需要在哪里完成这项工作？

提前谢谢你。

【问题讨论】：

标签： jquery ajax wordpress posts

【解决方案1】：

像这样：

var page = 2;
$(function() {
  $('body').on('click', '.loadmore', function() {
    const $but = $(this); // save the clicked button
    $but.text("Loading..."); // change the text
    var data = {
      'action': 'load_posts_by_ajax',
      'page': page,
      'security': blog.security
    };

    $.post(blog.ajaxurl, data, function(response) {
      $but.text("Load more..."); // reset the text
      if ($.trim(response) != '') {
        $('#blog-loop .row .container .row').append(response);
        page++;
      } else {
        $but.hide();
      }
    });
  });
});

【讨论】：