backbone.js - 主干js，向dom添加视图不刷新页面

Question

我正在尝试解决一个问题，但到目前为止还没有运气。我正在开发骨干网（1.0）和 requirejs 中的单页应用程序（而且我是骨干网新手）。我的 HTML 有 3 个 div 来显示部门列表、员工列表和员工详细信息。当我的初始页面加载时，它会显示部门列表，工作正常，到目前为止还不错。当用户单击部门时，它应该显示员工列表。这是我的问题，浏览器没有刷新。在萤火虫中，我可以看到“emplistdiv”已正确填充。. （但重新加载整个页面效果很好）

我的 div

<div class="deptdiv"></div>
<div class="emplistdiv"> </div>
<div class="empdiv"> </div>

路由器

router.on('route:open', function () {
    var Emplist = new EmpListView();
    Emplist.render();
});

看法

var EmpListView = Backbone.View.extend({
    el: '.emplistdiv',

 initialize: function () {
            _.bindAll(this, 'render');
            //this.collection.on('reset', this.render); 
    },

    render: function() {
        var self = this;
        var emp = new EmpListCollection();
        emp.fetch({                
            success: function(templist) {
                console.log(templist.models.length);
                var temp = _.template($(emptemplate).html(), { emplist: templist.models });
                self.$el.html(temp);
            }
        });
    }
});