将 FullPage.js 集成为 Wordpress 插件：我可以调整此插件以与其他插件一起使用吗？答案

【问题标题】：Integrating FullPage.js as a Wordpress Plugin: Can I adjust this plugin to work along side other plugins?将 FullPage.js 集成为 Wordpress 插件：我可以调整此插件以与其他插件一起使用吗？
【发布时间】：2015-10-26 18:28:21
【问题描述】：

我最近关注this post 将 FullPage.js 集成为 WordPress 插件。

我无法让该插件与其他插件一起使用 - 例如“All in one Event Calendar”。日历工作它只是不会显示在使用 FullPage.js 的页面上

我了解用于登录页面的插件的局限性，但我想知道是否有任何方法可以编辑现有的 FP 插件模板，以便它可以利用其他插件同时接管主题的模板？

也许编辑此语句？：

function fullpage_template( $original_template ) {

  if ( get_post_meta( get_the_ID(), 'fullpage_js', true ) ) {
  return dirname(__FILE__) . '/templates/fullpage.php';
  } else {
  return $original_template;
  }

}

非常感谢您对此提供的任何帮助！

【问题讨论】：

如果你有兴趣，有一个不错的 wordpress 主题，使用 fullpage.js here。

标签： php plugins wordpress fullpage.js

【解决方案1】：

您可能会遇到问题，因为您使用的是verticalCentred:true 或scrollOverflow:true。

如the fullpage.js FAQs中所说

我的其他插件在使用 fullPage.js 时不起作用

简答：在 fullPage.js 的 afterRender 回调中初始化它们。

说明：如果您使用 fullPage.js 的 verticalCentered:true 或 overflowScroll:true 等选项，您的内容将被包裹在其他元素中，从而改变其在网站 DOM 结构中的位置。这样，您的内容将被视为“动态添加的内容”，并且大多数插件需要内容最初位于网站上才能执行其任务。 使用 afterRender 回调来初始化您的插件，fullPage.js 确保仅在 fullPage.js 停止更改站点的 DOM 结构时才初始化它们。

【讨论】：

嗨 Alvaro，还有什么我需要添加到 afterRender 回调的吗？我通读了您的文档并尝试使用 afterRender 回调，但日历插件仍然没有加载到 FullPage.js 模板中的页面上。 afterRender: function(){ var pluginContainer = $(this); alert("The resulting DOM structure is ready"); }
你需要在那里初始化你的其他插件。