0

我在我的 javascript 中创建了一个模块模式,所以我可以创建模块并随时使用它们。但我不知道如何将其转换为 Require.js。每个模块,即 Trades.toggleMenu、Trades.tabs 等,通常位于单独的文件中。但我只是将它们包括在这里以使故事简短。请帮忙:

JS:

(function (window, $) {

  var Trades = (function(Trades) {

    // All modules should be initialised here. For produdction, use a module dependency library, e.g. require.js
    Trades.main = function() {

        this.toggleMenu();
        this.validation.run($('#registration-form, #homeowner-login-form, #tradesmen-login-form'));
        this.tabs();

    };

    Trades.toggleMenu = function() {

    };

    Trades.tabs = function(el) {

    };

    Trades.vaildation = function(el) {
        return {

            run: function (formName) {
                //do something...
            }

        };
    };

    return Trades;

  }(Trades || {}));

  window.Trades = Trades;

  $(function() { Trades.main(); });

}(window, jQuery));

非常感谢

4

1 回答 1

3

您将有一个名为 Trades.js 的文件,它定义了“交易”模块:

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

    var Trades = (function(Trades) {
        ...
        return Trades;
    }(Trades || {}));

    return Trades;

});

您将按如下方式使用它:

require(["jquery", "Trades"], function ($, Trades) {

    $(function() {
        Trades.main();
    });

});

jQuery 可以通过使用 RequireJS/jQuery 组合文件 ( http://requirejs.org/docs/jquery.html#get ) 或通过在此答案中定义 jquery 的路径 ( Require.JS shim config ) 配置为模块全球范围?)。

于 2013-04-18T15:59:32.677 回答