替换WordPress插件中的硬编码JavaScript字符串

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了替换WordPress插件中的硬编码JavaScript字符串相关的知识,希望对你有一定的参考价值。

我想在不更改插件源代码的情况下替换字符串“Submitting”(见下文)。

我打算用新脚本替换它。你的代码方法是什么?

谢谢你的帮助!

$( ".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);
                },
答案

您可以使用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>

以上是关于替换WordPress插件中的硬编码JavaScript字符串的主要内容,如果未能解决你的问题,请参考以下文章

如何修改代码中的硬编码问题

如何替换插件打印的 WordPress 标题中的字符?

wordpress不用插件实现批量替换文章内容中的旧地址

带有正则表达式通配符的 WordPress PHP 重定向

wordpress插件bug排查后记(这篇文章是写给自己的)

插件开发建议