Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/475.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用ScrollMagic.js作为AMD模块_Javascript_Requirejs_Amd_Scrollmagic - Fatal编程技术网

Javascript 使用ScrollMagic.js作为AMD模块

Javascript 使用ScrollMagic.js作为AMD模块,javascript,requirejs,amd,scrollmagic,Javascript,Requirejs,Amd,Scrollmagic,例如,如何使用优秀的JS插件作为AMD模块与requirejs一起使用 我在网上找不到这方面的任何参考资料,并且查看了ScrollMagic的代码,它似乎不像AMD模块那样加载 它在模块末尾的窗口中定义了两个变量: window.ScrollScene = ScrollScene; window.ScrollMagic = ScrollMagic; 因此,一个简单的垫片似乎不行,因为我需要导出两个变量。有办法出口吗 有什么想法吗 谢谢 我找到了一些适合我的东西,这是一个小小的改变,但它确实起到

例如,如何使用优秀的JS插件作为AMD模块与
requirejs
一起使用

我在网上找不到这方面的任何参考资料,并且查看了
ScrollMagic
的代码,它似乎不像AMD模块那样加载

它在模块末尾的
窗口中定义了两个变量:

window.ScrollScene = ScrollScene;
window.ScrollMagic = ScrollMagic;
因此,一个简单的
垫片
似乎不行,因为我需要导出两个变量。有办法出口吗

有什么想法吗


谢谢

我找到了一些适合我的东西,这是一个小小的改变,但它确实起到了作用

requirejs
shim
配置中,我使用:

shim: {
    'scrollmagic': {
        deps:['jquery', 'TweenMax'], 
        exports: 'ScrollMagic', 
        init: function() {
            return {ScrollMagic: ScrollMagic, 
                    ScrollScene: ScrollScene};
        }
    }
}
这是为了符合
ScrollMagic
要求加载
jQuery
以及
GSAP-TweenMax
库的事实

事实证明,使用
shim
init
函数,然后返回两个变量,就可以实现这一点

但是-这意味着对于使用
ScrollMagic
插件,应该使用(示例):

希望这能对将来的人有所帮助

=编辑==

ScrollMagic 1.3现在支持AMD模式,因此所有这些都是不必要的

define(['scrollmagic'], function(scrollmagic) {
    var magic = new scrollmagic.ScrollMagic();
    var scene = new scrollmagic.ScrollScene({duration: 200});
});