Function 主干js中的触发器onload事件
好的,我有一个在jQuery中启动的关于文档就绪事件的脚本,如何在主干中做同样的事情?那么我应该把脚本放在哪里:路由器、视图还是模型 这是我的标题视图Function 主干js中的触发器onload事件,function,backbone.js,load,ready,Function,Backbone.js,Load,Ready,好的,我有一个在jQuery中启动的关于文档就绪事件的脚本,如何在主干中做同样的事情?那么我应该把脚本放在哪里:路由器、视图还是模型 这是我的标题视图 window.HeaderView = Backbone.View.extend({ initialize: function (options) { this.render(); }, events : { "click .filter_button" : "filter_navigation", "click .
window.HeaderView = Backbone.View.extend({
initialize: function (options) {
this.render();
},
events : {
"click .filter_button" : "filter_navigation",
"click .search_button" : "live_filter_button",
"keyup #live_filter" : "search"
},
filter_navigation : function(e)
{
e.preventDefault();
$('.filter').toggleClass('active');
$('.search').removeClass('active');
},
live_filter_button : function(e)
{
e.preventDefault();
$('.search').toggleClass('active');
$('.filter').removeClass('active');
},
search : function(e)
{
var searchText = $("#live_filter").val().toLowerCase();
$allListElements = $('.project_element');
$matchingListElements = $allListElements.filter(function(i, el){
return $(el).text().toLowerCase().indexOf(searchText) !== -1;
});
$allListElements.hide();
$matchingListElements.show();
},
render: function () {
$(this.el).html(this.template());
return this;
}
});
您可以在
render
事件中执行脚本代码。您可以将脚本包含在html文件本身中。。。
例:
是的,但在我调用OnRender事件的地方,你们有一个例子吗<代码>OnRender在木偶中,而不是主干中。我已经用Backbonejs.org上给出的示例更新了我的答案
var Bookmark = Backbone.View.extend({
template: _.template(…),
render: function() {
this.$el.html(this.template(this.model.attributes));
return this;
}
});