javascript – 我需要确保在使用RequireJS加载其依赖项之前不会加载插件

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 我需要确保在使用RequireJS加载其依赖项之前不会加载插件，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3761字，纯文字阅读大概需要6分钟。

内容图文

我正在使用jquery.validationEngine.js插件.
除非首先加载jqueryValidateEngine,否则jqueryValidateEnglish无法运行.

我的jquery.wrapped.validationEnglish2.js编码如下：

        define(['jqueryValidateEngine'],function($){

         //Plugin Code here

        });

我的jquery.wrapped.validationEngine2.js编码如下：

        define(['jquery'],function($){

         //Plugin Code here

        });

我的主页包含：

    <script src="/imagesrv/marketing/requireJS/assets/lib/require.js" data-main="/imagesrv/marketing/requireJS/assets/js/common2">

common2.js包含：

        //Configure RequireJS

        require.config({
          baseUrl: "/imagesrv/marketing/requireJS/assets",
          paths: {
            // The libraries we use
            jquery: [
                '/imagesrv/marketing/js/jquery.min'
            ],
            bootstrap: '/imagesrv/marketing/requireJS/assets/lib/bootstrap.wrapped.min',
            smartdevice: '/imagesrv/marketing/requireJS/assets/page/smart-device',
            eloquatag: '/imagesrv/marketing/requireJS/assets/page/eloqua-tag',
            main: '/imagesrv/marketing/requireJS/assets/page/main',
            startupkit: '/imagesrv/marketing/requireJS/assets/js/startup.wrapped.kit',
            jqueryuicus: '/imagesrv/marketing/requireJS/assets/js/jquery-wrapped.ui-1.10.3.custom.min',
            smoothscrl: '/imagesrv/marketing/requireJS/assets/js/jquery.smoothdivscroll.wrapped-1.3-min',
            genscript: '/imagesrv/marketing/requireJS/assets/js/gen-wrapped.menu.script',
            owlcarousel: '/imagesrv/marketing/requireJS/assets/js/owl.wrapped.carousel',
            placeholder: '/imagesrv/marketing/requireJS/assets/js/jquery.wrapped.placeholder',
            explorewhatshot: '/imagesrv/marketing/requireJS/assets/js/explorewhatshot.wrapped',
            kiblog: '/imagesrv/marketing/requireJS/assets/js/ki.wrapped.blog.script',
            jqueryValidateEnglish: '/imagesrv/marketing/requireJS/assets/js/jquery.wrapped.validationEnglish2',
            jqueryValidateEngine: '/imagesrv/marketing/requireJS/assets/js/jquery.wrapped.validationEngine2'

          } 

        });


require(['main', 'bootstrap', 'startupkit', 'eloquatag', 'owlcarousel',    'kiblog', 'jqueryuicus', 'jqueryValidateEnglish'], function($) {// Load up this  pages script, once the 'common' script has loaded
  console.log('jQuery and r.js have been loaded!');
});

但是当我运行页面时,我在控制台中不断收到以下错误：
“$(…).validationEngine不是一个函数

当我看到网络下它显示我的包装插件正在加载但由于某种原因,它似乎必须加载乱序,这可能是我得到控制台错误的原因.

我不确定是什么问题.

解决方法:

如果首先加载jQuery,可以使用$.holdReady(),$.when()

    $.holdReady(true);

    var scripts = {
      bootstrap: '/imagesrv/marketing/requireJS/assets/lib/bootstrap.wrapped.min',
      smartdevice: '/imagesrv/marketing/requireJS/assets/page/smart-device',
      eloquatag: '/imagesrv/marketing/requireJS/assets/page/eloqua-tag',
      main: '/imagesrv/marketing/requireJS/assets/page/main',
      startupkit: '/imagesrv/marketing/requireJS/assets/js/startup.wrapped.kit',
      jqueryuicus: '/imagesrv/marketing/requireJS/assets/js/jquery-wrapped.ui-1.10.3.custom.min',
      smoothscrl: '/imagesrv/marketing/requireJS/assets/js/jquery.smoothdivscroll.wrapped-1.3-min',
      genscript: '/imagesrv/marketing/requireJS/assets/js/gen-wrapped.menu.script',
      owlcarousel: '/imagesrv/marketing/requireJS/assets/js/owl.wrapped.carousel',
      placeholder: '/imagesrv/marketing/requireJS/assets/js/jquery.wrapped.placeholder',
      explorewhatshot: '/imagesrv/marketing/requireJS/assets/js/explorewhatshot.wrapped',
      kiblog: '/imagesrv/marketing/requireJS/assets/js/ki.wrapped.blog.script',
      // load `jquery.wrapped.validationEngine2` before `jquery.wrapped.validationEnglish2`
      jqueryValidateEngine: '/imagesrv/marketing/requireJS/assets/js/jquery.wrapped.validationEngine2',
      jqueryValidateEnglish: '/imagesrv/marketing/requireJS/assets/js/jquery.wrapped.validationEnglish2'
    };

    var requests = $.when.apply($, $.map(scripts, function(url, name) {
      return $.getScript(url)
    }));

    requests.then(function() {
       $.holdReady(false);
    }, function(error) {
       console.log(error)
    });

    $(document).ready(function() {
      // do stuff when `scripts` loaded
    });

内容总结

以上是互联网集市为您收集整理的javascript – 我需要确保在使用RequireJS加载其依赖项之前不会加载插件全部内容，希望文章能够帮你解决javascript – 我需要确保在使用RequireJS加载其依赖项之前不会加载插件所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端