バックボーン ビューに便利な関数のライブラリを含めたいと考えています。私はrequire.jsを使用しています。私のライブラリは次のようになります。
define(function (require) {
"use strict";
console.log('in the useful');
var $ = require('jquery');
function myFunction()
{
alert("Hello World!");
}
});
ビューは次のようになります。
define(function (require) {
"use strict";
var $ = require('jquery'),
_ = require('underscore'),
UsefulFuncs = require('app/utils/useful_func'),
tpl = require('text!tpl/Register.html'),
template = _.template(tpl),
errors = [],
Backbone = require('backbone');
return Backbone.View.extend({
initialize: function() {
this.render();
},
render: function () {
this.$el.html(template());
return this;
},
events: {
'submit .register-form' : 'onSubmit',
},
onSubmit: function(e) {
//UsefulFuncs.myFunction();
myFunction();
},
});
});
しかし、「送信」をクリックすると、「myFunction is not defined」と表示されます。UsefulFuncs.myFunction(); を試しても同じです。
では、バックボーン ビューで関数のライブラリにアクセスするにはどうすればよいでしょうか。