0

私は Require.js を使用して書かれたプロジェクトに取り組んでいます。現在、グローバル スコープから呼び出されている再利用関数が多数あります。これらの関数には、UI の遷移、非表示/表示、および一般的なホバー イベントが含まれます。これらの関数をrequireに整理したいのですが、どこにどのように含めるかはよくわかりません。

たとえば、アプリ内に の共通関数を呼び出す複数のスポットがあるとしますshowDropdown()。そして、アニメーションに jQuery が必要だとしましょう。showDropdown関数を格納するのに最適な場所はどこですか?

次のような単純な関数を言います。

function showDropdown(id) {
    var thisdropdown = $(id).find('.dropdown');
    $(thisdropdown).slideDown();
}

さまざまな js 関数がすべて独自のファイルである UI フォルダーを作成できます。次に、それらに依存する他のファイルでそれらを単に要求します。しかし、それらのファイルにアクセスできるようにするには、関数をグローバル スコープにエクスポートする必要があります。

これはかなり一般的なアイテムに違いないので、明らかな答え/設定があると思います。

さらに、私はこれをバックボーンアプリで書いていますが、それが直接的な影響を与えるとは思いません.require.jsの質問です。

4

1 に答える 1

3

utilライブラリなどを作成します。

// util.js

define({
    showDropdown: function(id) {
        var thisdropdown = $(id).find('.dropdown');
        thisdropdown.slideDown();
    }    
});

次に、他の場所で使用します。

require(['util'], function(util) {

    util.showDropdown('my-id');

});
于 2013-09-13T21:22:53.140 に答える