WordPress 5.6 + 更新后，livequery 不起作用

问题描述

我正在使用 livequery 1.3.6. 当我更新 wordpress 5.6+ 版本时，它不起作用。你能帮我解决这个问题吗。我在我的 javascript 函数中使用如下代码

$('#my-popup').livequery(function() {

    myFunc.load();

    $('#my-popup').closest('#TB_window').addClass('my-shortcodes-popup');

    $('.wp-color-picker-field').wpColorPicker({
        change: function(event,ui) {
            setTimeout(function() {
                myFunc.loadVals();
                myFunc.cLoadVals();
            },1);
        }
    });
});

我将它用于视觉短代码生成器

当我们点击下拉菜单中的链接时，它会弹出带有简码选项的选项

它与 wordpress 5.5 完美配合，但在 5.6 + 更新后，它不会检测到 livequery 和 livequery 函数内的点击事件

https://paste.pics/edit/C7VE4

我在下面的代码中使用了这个 livequery

jQuery(document).ready(function($) {

  var myFunc = {
    loadVals: function() {
      var shortcode = $('#_my_shortcode').text(),uShortcode = shortcode;

      // fill in the gaps eg {{param}}
      $('.my-input').each(function() {
        var input = $(this),id = input.attr('id'),id = id.replace('my_',''),// gets rid of the my_ prefix
          re = new RegExp("{{" + id + "}}","g");
        var value = input.val();
        if (value == null) {
          value = '';
        }

        uShortcode = uShortcode.replace(re,input.val());
      });

      // adds the filled-in shortcode as hidden input
      $('#_my_ushortcode').remove();
      $('#my-sc-form-table').prepend('<div id="_my_ushortcode" class="hidden">' + uShortcode + '</div>');

    },cLoadVals: function() {
      var shortcode = $('#_my_cshortcode').text(),pShortcode = '';
      shortcodes = '';

      // fill in the gaps eg {{param}}
      $('.child-clone-row').each(function() {
        var row = $(this),rShortcode = shortcode;

        $('.my-cinput',this).each(function() {
          var input = $(this),'') // gets rid of the my_ prefix
          re = new RegExp("{{" + id + "}}","g");
          var value = input.val();
          if (value == null) {
            value = '';
          }

          rShortcode = rShortcode.replace(re,input.val());
        });

        shortcodes = shortcodes + rShortcode + "\n";
      });

      // adds the filled-in shortcode as hidden input
      $('#_my_cshortcodes').remove();
      $('.child-clone-rows').prepend('<div id="_my_cshortcodes" class="hidden">' + shortcodes + '</div>');

      // add to parent shortcode
      this.loadVals();
      pShortcode = $('#_my_ushortcode').text().replace('{{child_shortcode}}',shortcodes);

      // add updated parent shortcode
      $('#_my_ushortcode').remove();
      $('#my-sc-form-table').prepend('<div id="_my_ushortcode" class="hidden">' + pShortcode + '</div>');

    },children: function() {
      // assign the cloning plugin
      $('.child-clone-rows').appendo({
        subSelect: '> div.child-clone-row:last-child',allowDelete: false,focusFirst: false,onAdd: function(row) {

          // Get Upload ID
          var prev_upload_id = jQuery(row).prev().find('.my-upload-button').data('upid');
          var new_upload_id = prev_upload_id + 1;
          jQuery(row).find('.my-upload-button').attr('data-upid',new_upload_id);

          // activate color picker
          jQuery('.wp-color-picker-field').wpColorPicker({
            change: function(event,ui) {
              myFunc.loadVals();
              myFunc.cLoadVals();
            }
          });
        }
      });

      //remove button
      $('body').on('click','.child-clone-row-remove',function() {
        var btn = $(this),row = btn.parent();

        if ($('.child-clone-row').size() > 1) {
          row.remove();
        } else {
          alert('You need a minimum of one row');
        }

        return false;
      });


      // assign jUI sortable
      $(".child-clone-rows").sortable({
        placeholder: "sortable-placeholder",items: '.child-clone-row',cancel: 'div.fonticon,input,select,textarea,a'
      });
    },resizeTB: function() {
      var ajaxCont = $('#TB_ajaxContent'),tbWindow = $('#TB_window'),myPopup = $('#my-popup');

      tbWindow.css({
        height: window.my_thickBoxHeight,width: myPopup.outerWidth(),marginLeft: -(myPopup.outerWidth() / 2)
      });

      ajaxCont.css({
        paddingTop: 0,paddingLeft: 0,paddingRight: 0,height: window.my_thickBoxHeight,overflow: 'auto',// IMPORTANT
        width: myPopup.outerWidth()
      });

      tbWindow.show();
      $('#my-popup').addClass('no_preview');
      $('#my-sc-form-wrap #my-sc-form').height(window.my_shortcodesFormHeight);

    },load: function() {
      var myFunc = this,popup = $('#my-popup'),form = $('#my-sc-form',popup),shortcode = $('#_my_shortcode',form).text(),popupType = $('#_my_popup',uShortcode = '';

      // resize TB
      myFunc.resizeTB();
      $(window).resize(function() {
        myFunc.resizeTB()
      });

      // initialise
      myFunc.loadVals();
      myFunc.children();
      myFunc.cLoadVals();

      $('.my-input',form).change(function() {
        myFunc.loadVals();
      }); // update on value change

      // update upload button ID
      jQuery('.my-upload-button:not(:first)').each(function() {
        var prev_upload_id = jQuery(this).data('upid');
        var new_upload_id = prev_upload_id + 1;
        jQuery(this).attr('data-upid',new_upload_id);
      });
    }

  }

  // run
  $('#my-popup').livequery(function() {

    myFunc.load();
    $('#my-popup').closest('#TB_window').addClass('my-shortcodes-popup');

    // activate color picker
    $('.wp-color-picker-field').wpColorPicker({
      change: function(event,ui) {
        setTimeout(function() {
            myFunc.loadVals();
            myFunc.cLoadVals();
          },1);
      }
    });
  });

  $('body').on('click','.my-insert',function() {
    if (window.tinyMCE) {
      window.tinyMCE.activeEditor.execCommand('mceInsertContent',false,$('#_my_ushortcode').html());
      tb_remove();
    }
  });

});

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

jquery livequery wordpress wordpress