基本网格 API 重绘不起作用 - 自定义 Javascript

Question

我们最近在开发环境中更新了一个 wordpress 网站及其插件，从那以后我们就遇到了 Essential Grid 的重大问题。

下面是我们自定义的 JS。它本质上是在“essapi_19.esredraw();”行失败在控制台中出现以下错误： “未捕获的 ReferenceError：essapi_19 未定义”

我们已经尝试查看 Essential grid 支持文档，但是，它们非常无用。 https://www.themepunch.com/essgrid-doc/custom-css-javascript/

下面是我们的自定义 JS:

jQuery('.eg-washington-red-element-22, .esg-content.eg-washington-red-element-20, .eg-washington-red-element-20-a').hide();

jQuery('#test-COS .esg-entry-content .esg-content.eg-washington-red-element-20-a').removeClass('eg-washington-red-element-20-a').addClass('eg-washington-red-element-20')




jQuery('body').on('click', '.eg-washington-red-element-21', function() {
  
//var divclass = jQuery(this).attr('class').split(' ')[1];
  
  
  
  jQuery('.esg-content.eg-washington-red-element-20, .eg-washington-red-element-22, .eg-washington-red-element-20-a').hide();
  jQuery('.eg-washington-red-element-21').show();


var $Sibling = jQuery(this).siblings('.esg-content.eg-washington-red-element-20');

  
  //console.log($Sibling)
  
  jQuery($Sibling).slideDown(0,function(){
    jQuery(this).siblings('.eg-washington-red-element-22').show();
    jQuery(this).siblings('.eg-washington-red-element-21').hide();
     essapi_19.esredraw();
      })
  
});
jQuery('body').on('click', '.eg-washington-red-element-22', function() {

var $Sibling = jQuery(this).siblings('.esg-content.eg-washington-red-element-20');


  
    jQuery($Sibling).slideUp(0,function(){
    jQuery('.esg-content.eg-washington-red-element-20, .eg-washington-red-element-22, .eg-washington-red-element-20-a').hide();
    jQuery(this).siblings('.eg-washington-red-element-21').show();
  essapi_19.esredraw();
   })
  
});


//// FIXES LOAD MORE ISSUE - START

jQuery('body').on('click', '.esg-loadmore', function() {
  setTimeout(function(){
    essapi_19.esredraw();
    jQuery('.eg-washington-red-element-22, .esg-content.eg-washington-red-element-20, .eg-washington-red-element-20-a').hide();
    
    jQuery('#test-COS .esg-entry-content .esg-content.eg-washington-red-element-20-a').removeClass('eg-washington-red-element-20-a').addClass('eg-washington-red-element-20');
    
    jQuery('body').on('click', '.eg-washington-bblue-element-21', function() {      
      
      jQuery('.esg-content.eg-washington-red-element-20, .eg-washington-red-element-22, .eg-washington-red-element-20-a').hide();
      jQuery('.eg-washington-red-element-21').show();
      var $Sibling = jQuery(this).siblings('.esg-content.eg-washington-red-element-20');
      //console.log($Sibling)
      jQuery($Sibling).slideDown(0,function(){
        jQuery(this).siblings('.eg-washington-red-element-22').show();
        jQuery(this).siblings('.eg-washington-red-element-21').hide();
         essapi_19.esredraw();
      })
      
    });
    jQuery('body').on('click', '.eg-washington-red-element-22', function() {

    var $Sibling = jQuery(this).siblings('.esg-content.eg-washington-red-element-20');
        jQuery($Sibling).slideUp(0,function(){
        jQuery('.esg-content.eg-washington-red-element-20, .eg-washington-red-element-22, .eg-washington-red-element-20-a').hide();
        jQuery(this).siblings('.eg-washington-red-element-21').show();
        essapi_19.esredraw();
       })
      
    });
    }, 2500);
});
//// FIXES LOAD MORE ISSUE - END

下面是 ESSGrid 为我们 API 调用提供的。

请有人帮忙。我们不确定如何解决此问题。

Answer 1

我在类似代码的末尾添加了 _19 的等效项来修复此“essapi_19_19.esredraw();”

不记得为什么会这样

Answer 2

因此发现，如果您使用工具迁移包含 Essential Grid 插件的站点，它会自动在 essapi_19 选择器部分后添加 _1（或任何其他数字）。

因此新的重绘代码将是“essapi_19_X.esredraw();”

这可以在浏览器中使用开发工具找到。

基本网格 API 重绘不起作用 - 自定义 Javascript

Essential Grid API Redraw Not Working - Custom Javascript

javascript

wordpress

plugins