gpt4 book ai didi

javascript - Odometer.js 无法在 Meteor 中运行?

转载 作者:行者123 更新时间:2023-12-03 10:51:41 26 4
gpt4 key购买 nike

我正在尝试使用 odometer.js 在我的 Meteor 模板中获取 react 数字以进行动画处理。但似乎我无法通过第一步 - 获取 odometer javascript code在 Meteor 内正常运行。当该代码执行时,它应该找到所有带有 .odometer 的 DOM 元素。类并根据您选择的样式表主题执行一些 DOM 元素操作,以便为 DOM 动画数字操作做好准备。 Simple example here.

对于那些不熟悉该库的人,如果您在运行后检查 jsFiddle,您就会明白我所说的 DOM 操作的含义。该脚本变成了简单的 <div class="odometer"></div>进入嵌套的层次结构: enter image description here

样式表在 Meteor 中正确加载 - 我可以看到 application.css 中的类如果我在 <head> 里面四处查看标签。但是脚本没有执行或没有正确执行,因为 DOM 永远不会更改为数字操作所需的特殊类层次结构。

  • 我尝试将脚本放入 client/script.js文件,没有运气。
  • 我尝试将脚本放入 client/script.js文件,将其包装为全局函数名称,并从 template.rendered 回调中调用该函数。运气不好。
  • 我尝试将 odometer.js 代码直接嵌入到我的 template.rendered 回调中。运气不好。

没有 JS 错误警告打印到控制台。有人能够让里程表在 Meteor 中工作吗?谢谢!

最佳答案

如果您想使用任何库,您需要将脚本放入 /client/lib 目录中,以便首先加载它。

但是,我为odometer编写了一个名为 d4nyll:odometeor 的包。 ,它具有所有功能,并且允许您使用模板。演示可以在 odometeor.meteor.com 找到。 ,每4秒随机改变一次数字。

使用:

  1. 运行meteor add d4nyll:odometeor
  2. 在模板中包含 {{> odometeor 888}},或使用 Odometeor.create()
  3. 直接使用 $('.odometeor').html([--YOUR-NEW-NUMBER]); 更改值

Full documentation

关于javascript - Odometer.js 无法在 Meteor 中运行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28404630/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com