首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >与Meteor一起使用Greensock

与Meteor一起使用Greensock
EN

Stack Overflow用户
提问于 2014-05-20 20:50:43
回答 2查看 832关注 0票数 1

我在继续我对流星的学习,它正在慢慢地结合起来,我正在建立一些远离本教程的东西。我想包括一些额外的非功能JS动画等,并决定格林斯托克,因为我熟悉它。我已经在我的TweenMax正文中包含了CDN到main.html,并且一直在模板助手中调用它。

Main.html:

代码语言:javascript
复制
<head>
<title>NO-TEA-FY</title>    
<link rel="stylesheet" href="css/noteafy.css" id="stylesheet">

模板:

代码语言:javascript
复制
<template name="mainInit">
<div class="teaContainer">
    <h1 class="superJumboHeader">Tea</h1>
</div>

模板助手:

代码语言:javascript
复制
$(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可以吗?

谢谢。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2014-05-23 04:58:13

我曾在GSAP论坛上尝试过同样的答案:http://forums.greensock.com/topic/9575-using-greensock-with-meteor/#entry38773

为了能够从CDN加载GSAP,您需要安装称为外部文件加载器的Meteor插件。

使用:

代码语言:javascript
复制
mrt add external-file-loader 

来安装插件。

下面是您需要的方法:方法loadJs( url,callback,timeoutDelay) -从url加载外部JS。一旦加载了url,就会调用回调。TimeoutDelay是超时前的延迟,以ms为单位。回调和timeoutDelay是可选的。该方法返回一个jQuery承诺。如果您使用的是铁路由器,最好在waitOn()函数上加载外部脚本,以确保在页面加载之前加载它们。如果不使用铁路由器,则可以在Template.created()回调中使用外部文件加载器加载GSAP。

代码语言:javascript
复制
Template.Templatename.created = function() {
Meteor.Loader.loadJs("//cdnUrl");
}

您也可以加载多个脚本。我个人已经为我使用的流星创建了一个本地的GSAP插件。那是因为我有高级格林斯托克会员资格。我会看看我是否可以在Github上安装一个免费的GSAP插件。

我希望能帮上忙

( Praney :)

票数 1
EN

Stack Overflow用户

发布于 2014-05-20 21:00:16

如果您希望您的Meteor应用程序可以使用其他库,则需要将它们作为包添加。在这种情况下,GreenSock包看起来可以通过气氛获得:

Gsap封装

您将希望通过命令行将其添加到您的项目中:

mrt加gsap

您的main.html中的CDN应该被拉出来(它不起作用)。

jquery之所以开箱即用,是因为它已经作为标准包添加到应用程序中。

您可以阅读有关Meteor的打包系统>here<的更多信息,并探索大气上的其他包。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/23769703

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档