Question

我正在尝试让Gumby.js库与Meteor一起工作，但是无法让它工作。

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

我正在设置响应式Navbar，就像这样

<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>

但菜单只是不会在移动宽度上弹出。而像Folders和skip这样的其他模块在定义时根本不起作用。

您可以看到示例here

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

Answer 1

不确定实际情况，因为js文件包含在网站中，我很难从源代码中辨别出来。但是，您可能会发现一些有用的线索。

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

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

这是Meteor编程范例。如果您只是直接运行js文件，则在运行该部分代码时模板可能尚未就绪。 “渲染”回调是在此模板准备就绪后需要执行某些操作的位置。

此外，您可以在此处参考官方文档http://docs.meteor.com/#template_rendered

得到gumby.js与流星滚动

1 个答案: