Javascript RequireJS和scrollReveal.js似乎不起作用
我使用RequireJS进行依赖关系管理,使用scrollReveal.js()创建良好的效果 但是,由于某些原因,这似乎不起作用 下面是一些代码:Javascript RequireJS和scrollReveal.js似乎不起作用,javascript,jquery,dependencies,requirejs,Javascript,Jquery,Dependencies,Requirejs,我使用RequireJS进行依赖关系管理,使用scrollReveal.js()创建良好的效果 但是,由于某些原因,这似乎不起作用 下面是一些代码: require.config({ ... paths: { 'sreveal': "assets/vendor/scrollreveal.min" } ... }); 在我的common.js中,我这样使用它: define([ 'jquery', 'sreveal' ],
require.config({
...
paths: {
'sreveal': "assets/vendor/scrollreveal.min"
}
...
});
在我的common.js中,我这样使用它:
define([
'jquery',
'sreveal'
], function ($, sreveal) {
...
});
window.scrollReveal = new scrollReveal();
通常,这个插件通过为应该显示的元素设置数据属性来工作。
通过在不使用RequireJS的情况下使用此脚本,它可以完美地工作
我也试着像这样展示:
define([
'jquery',
'sreveal'
], function ($, sreveal) {
...
});
window.scrollReveal = new scrollReveal();
没有结果
希望您对此有任何经验。ScrollReveal是AMD兼容的,但您需要正确配置
路径
元素,以将其名称(即“ScrollReveal
”)与脚本在文件系统上的位置相链接:
require.config({
// ...
paths: {
'scrollReveal': 'assets/vendor/scrollreveal.min'
}
// ...
});
然后要求通过以下方式使用它:
define(['jquery', 'scrollReveal'], function ($, sreveal) {
console.log('ScrollReveal loaded?', sreveal);
});
您可以看一下,我试图解释如何在实践中处理此类问题。您可以使用RequireJS加载scrollReveal.js库吗?是的,我可以。除了scrollReveal,我通过RequireJs加载的所有其他库都工作正常。请检查您是否仅在加载DOM后才调用scrollReveal.js。我使用的是domReady Pluginsence scrollReveal,因为scrollReveal不是AMD,您是否指定了垫片配置?