Javascript FullPage.js和Meteor

我创建了一个JSFIDLE，创建了一个基本示例

它在JSFIDLE上工作得很好，把它放在我的Meteor应用程序中，当我点击链接时，如果我滚动它，它就不工作了

以下是layout.html的meteor代码：

<template name="layout">
  {{> yield}}   
</template>


<template name="index">
<div id="fullpage">
 <div id="section0" class="section" data-anchor="firstPage">
    <div class="col-sm-12 text-center">
      <h1>fullPage.js</h1>
      <ul id="menu">
        <li data-menuanchor="firstPage">
          <a href="#secondPage">First slide</a>
        </li>
      </ul>
    </div>
    </div>
      <div id="section1" class="section" data-anchor="secondPage">
        <div class="col-sm-12 text-center">
          <h1>fullPage.js</h1>
            <ul id="menu">
              <li data-menuanchor="firstPage">
                <a href="#firstPage">First slide</a>
              </li>
            </ul>
        </div>
      </div>
    </div>
</template>

服务器文件夹中的Script.js文件

Template.index.rendered = function () {
    $('#fullpage').fullpage({
        anchors: ['firstPage', 'secondPage'],
        menu: '#menu'
    });
};

这很奇怪，我猜和铁路由器有关

干杯

---

J

您可以通过提供如下自定义的

链接选择器来决定
iron router
应该捕获哪些链接：

Router.configure({
   linkSelector: /* selector for iron-router-links */
});

您应该使用moveTo（）fullPage.Js函数，以保持熨斗设置简单。。。

并使用Meteor模板事件处理程序处理页面滚动，如下所示：


Template.\u header.events({
“点击滚动链接”：功能（evt、tpl）{
var sNum=$（evt.currentTarget）.data（）.section；
//console.log（'段号为：'+sNum）；
evt.preventDefault（）；
$.fn.fullpage.moveTo（sNum，0）；
}
});


首先
第二
第三

我猜
iron router
正在捕获您的链接，因此如果
fullpage
插件依赖于
单击
事件，它将无法与
iron router
一起工作。关于如何使其与iron router一起工作，有什么建议吗？
Router.configure({
   linkSelector: /* selector for iron-router-links */
});