在 Ajax 内容加载时初始化 Visual Composer答案

【问题标题】：Initializing Visual Composer upon Ajax content load在 Ajax 内容加载时初始化 Visual Composer
【发布时间】：2018-01-22 18:10:08
【问题描述】：

下面的基本结构，有一个 ajax 脚本替换 div 内部内容并更新菜单、推送历史状态、淡入/淡出内容等。

内部内容包含一个基础网格行，wordpress 编辑器的内容位于该容器内。

现在问题来了...当使用任何需要 javascript 触发器、全宽 Span、滑块、动画的 Visual composer 函数时，当我的 ajax 函数触发内容替换时，什么都不会再次加载。

这是我在 ajax 获取内容后加载的部分代码。

// Update the content
$content.stop(true,true);
//$("[data-vc-grid-settings]").vcGrid();
$('#content').foundation();
$content.html(contentHtml).ajaxify().css('opacity',100).show(); /* you could fade in here if you'd like */

// Update the title
document.title = $data.find('.document-title:first').text();

我认为.vcGrid() 是正确的初始化，但得到了未定义的控制台错误。在哪里可以找到与重新初始化可视化作曲家元素相关的文档？

<html>
<header>
Meta Content
</header>
<div off-canvus>
   <menu></menu>
   <div content>
      <div inner-content>

      </div>
   </div>
   <footer>
   </footer>
   <scripts>
</html>

【问题讨论】：

标签： jquery html ajax visual-composer

【解决方案1】：

添加一些自定义 javascript 逻辑在加载可视化作曲家网格后，这样做：

$(window).bind( 'grid:items:added', function(){ 
  // add some logic here
});

详情看这个问题 => here

【讨论】：

【解决方案2】：

在挖掘可视化作曲家的 javascript 后找到了我需要的数据，为窗口添加了一个调整大小的动作，触发了可视化作曲家的网格正常工作。

$content.stop(true,true);
window.vc_js();
window.resize();
$('#content').foundation();
$content.html(contentHtml).ajaxify().css('opacity',100).show(); /* you could fade in here if you'd like */

// Update the title
document.title = $data.find('.document-title:first').text();
try {
    document.getElementsByTagName('title')[0].innerHTML = document.title.replace('<','&lt;').replace('>','&gt;').replace(' & ',' &amp; ');
}
catch ( Exception ) { }

【讨论】：

我知道这个问题迟到了，但我有同样的问题，你的代码不适合我。我得到错误 window.resize() is not a function。还尝试了 jQuery("[data-vc-grid-settings]").vcGrid();并给出 vcGrid 不是函数
@buxbeatz 你在加载其他资源之前加载你的代码。