0

我正在尝试让 Gumby.js 库与 Meteor 一起使用，但无法使其正常工作。

我已经尝试在 /client/lib 文件夹中手动安装它并使用“mrt add gumby”。CSS 部分似乎工作得很好，网格工作得很好，但 JS 模块不工作。

我正在像这样设置响应式导航栏

<template name="nav">
  <div class="row navbar centered" id="nav1">
    <!-- Toggle for mobile navigation, targeting the <ul> -->
    <a id="nav-toggle" class="toggle" gumby-trigger="#nav-ul" href="#"><i class="icon-menu"></i></a>
    <ul id="nav-ul" class="eight columns">
      <li><a href="#">Quienes somos</a></li>
      <li><a href="#">Marcas</a></li>
      <li><a href="#" class="skip" gumby-goto="servicios">Servicios</a></li>
      <li><a href="#">Laboratorios</a></li>
      <li><a href="#">Contacto</a></li>
      <li><a href="#">Otros</a></li>
    </ul>
  </div>
</template>

但菜单不会在移动宽度上弹出。其他模块（如文件夹和跳过）在定义时根本不起作用。

你可以在这里看到一个样本

关于如何启动和运行的任何想法？

4

1 回答 1

0

不知道真实情况，因为js文件是打包在网站上的，从源代码上我很难分辨。但是，您可能会发现一些有用的线索。

我假设您想在模板呈现后运行 js 脚本。在这种情况下，你需要这样写。

Template.nav.rendered = function() {
  // Run the js to render the dropdown or whatever.
}

这就是 Meteor 编程范式。如果只是直接运行js文件，运行那部分代码时模板可能还没有准备好。“rendered”回调是您需要在此模板准备好后放置一些操作的地方。

另外，你可以参考这里的官方文档http://docs.meteor.com/#template_rendered

于 2013-07-05T21:48:59.547 回答