我在继续我对流星的学习,它正在慢慢地结合起来,我正在建立一些远离本教程的东西。我想包括一些额外的非功能JS动画等,并决定格林斯托克,因为我熟悉它。我已经在我的TweenMax正文中包含了CDN到main.html,并且一直在模板助手中调用它。
Main.html:
<head>
<title>NO-TEA-FY</title>
<link rel="stylesheet" href="css/noteafy.css" id="stylesheet">模板:
<template name="mainInit">
<div class="teaContainer">
<h1 class="superJumboHeader">Tea</h1>
</div>
模板助手:
$(document).ready(function(){
// If the user doesn't click on Tea within 3 seconds of arriving, shake the word
setTimeout(function () {
var teaCont = $(".teaContainer");
TweenMax.to(teaCont, 1, {css:{"margin-top":"25%"}, ease:Power3.easeOut});
}, 3000);
});Jquery运行正常,但我得到:
未定义ReferenceError: TweenMax未定义。
我想知道为什么不能找到TweenMax,但是JQuery可以吗?
谢谢。
发布于 2014-05-23 04:58:13
我曾在GSAP论坛上尝试过同样的答案:http://forums.greensock.com/topic/9575-using-greensock-with-meteor/#entry38773。
为了能够从CDN加载GSAP,您需要安装称为外部文件加载器的Meteor插件。
使用:
mrt add external-file-loader 来安装插件。
下面是您需要的方法:方法loadJs( url,callback,timeoutDelay) -从url加载外部JS。一旦加载了url,就会调用回调。TimeoutDelay是超时前的延迟,以ms为单位。回调和timeoutDelay是可选的。该方法返回一个jQuery承诺。如果您使用的是铁路由器,最好在waitOn()函数上加载外部脚本,以确保在页面加载之前加载它们。如果不使用铁路由器,则可以在Template.created()回调中使用外部文件加载器加载GSAP。
Template.Templatename.created = function() {
Meteor.Loader.loadJs("//cdnUrl");
}您也可以加载多个脚本。我个人已经为我使用的流星创建了一个本地的GSAP插件。那是因为我有高级格林斯托克会员资格。我会看看我是否可以在Github上安装一个免费的GSAP插件。
我希望能帮上忙
( Praney :)
https://stackoverflow.com/questions/23769703
复制相似问题