function - 在 Backbone js 中触发 onload 事件

Question

好的，我有一个在 jQuery 中触发文档就绪事件的脚本，如何在主干中做同样的事情？那么我应该在哪里放置我的脚本：路由器、视图或模型？

这是我的标题视图

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;
}
});

Answer 1

render您可以在事件中执行脚本代码。您可以将脚本包含在 html 文件本身中......例如：

var Bookmark = Backbone.View.extend({
    template: _.template(…),
    render: function() {
        this.$el.html(this.template(this.model.attributes));
        return this;
    }
});