Замените жестко закодированную строку JavaScript в плагине WordPress

Question

Я бы хотел заменить строку «Отправка» (см. Ниже) без изменения исходного кода плагина.

Я планирую заменить его новым сценарием. Каким был бы ваш кодовый подход?

Спасибо за вашу помощь!

$( ".aol_app_form" ).submit(function(){
        var datastring = new FormData(document.getElementById("aol_app_form"));
        $.ajax({
                url: aol_public.ajaxurl,
                type: 'POST',
                dataType: 'json',
                data: datastring,
                //async: false,
                cache: false,
                contentType: false,
                processData: false,
                beforeSend: function(){
                    $('#aol_form_status').removeClass();
                    $('#aol_form_status').html('Submitting . . . . . ');
                    $('#aol_form_status').addClass('alert alert-warning');
                    $(".aol-form-button").prop('disabled', true);
                },

Answer 1

Вы можете использовать DOMSubtreeModified для проверки изменения содержимого вашего div # aol_form_status

$('#aol_form_status').bind("DOMSubtreeModified",function(){
  var content = $(this).html();
  if( content == 'Submitting . . . . . '){
    $(this).html('Your html content want to change here');
  }
});

Демо-версия:

$('#aol_form_status').bind("DOMSubtreeModified",function(){
  var content = $(this).html();
  if( content == 'Submitting . . . . . '){
    $(this).html('Your html content want to change here');
  }
});

$('#aol_form_status').html('Submitting . . . . . ');

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="aol_form_status"></div>