无法在 Backbone JS 中将焦点设置在子视图的 <li> 标签上

如何解决无法在 Backbone JS 中将焦点设置在子视图的 <li> 标签上

我希望当视图加载时我的列表第一个元素应该被聚焦。我尝试了多个参考但没有奏效。附上我的代码。这是在父视图中呈现的子视图。

TodoDemo.View.TodoTemplateView = TodoDemo.View.PubSubView.extend({ tagName: 'li',className: 'mdl-list__item pk-nw-mdl-list-item note-template-item',

template: Handlebars.compile(
    "<span  id='listId' class='mdl-list__item-primary-content note-template-name'>{{name}}</span>"
),attributes: function () {
    return {'data-id': this.model.attributes.id};
},initialize: function () {
    this.todoPubSub = this.options.todoPubSub;
},render: function () {
    this.$el.append(this.template(this.model.toJSON()));
    return this;
},

});

在这里，我试图集中注意力。

$templateList.children().first().addClass('selected-list-element-key').focus();

$templateList 包含要呈现的

元素列表。