サイトのすべてのページにロードする必要がある約 8 つの js ファイルと、条件付きでロードする必要があるその他のファイルがあります。私はこれをできるだけエレガントに行っていることを確認したいだけです(私はそうではないと思います)。
現在使用しているコードは次のとおりです。
yepnope({
load: {
'jquery': '/include/js/libraries/jquery-1.8rc1.js',
'ui': '/include/js/jquery-ui-1.8.16.custom.min.js',
'global': '/include/js/global.js',
'dbObject': '/include/js/dbObject.js',
'dbQuery': '/include/js/dbQuery.js',
'common': '/include/js/common.js',
'credit': '/include/js/credit.js',
'messages': '/include/js/messages.js',
'poller': '/include/js/poller.js',
'ajax_global': '/include/js/ajax_global.js'
},
complete: function (url, res, key) {
yepnope({
test: $('body').hasClass('project'),
yep: {
'project': '/include/js/project.js'
},
callback: function(url, res, key) {
}
});
}
});
その初期load
オブジェクトのすべてを、サイトのすべてのページにロードする必要があります。次に、complete
関数内で、body タグにproject
クラスがあるかどうかをテストしています。ある場合は、このページに依存する他のスクリプトを読み込みます。
いくつかの質問:
- これはこれを行うための最良の方法ですか?
- 他のページに他のテストを追加するにはどうすればよいですか? ネストされた yepnope 呼び出しを配列にスローして、さらにテスト オブジェクトを追加しますか?
私が得ることができる助けに感謝します。