jquery - 加载后的主干js事件

Question

我有一个 div：

<div class = "desc"></div>

此 div 位于主干视图加载的模板中。

这是主干视图： DetailsView = Backbone.View.extend({ events: {.....});

我想在模板加载时调用以下 jquery 函数：

我怎样才能做到这一点？

 $('#desc').expander({
     slicePoint: 50,
     expandText: 'Click Here to Read More',
     userCollapseText: 'Hide Text'
 });

它来自扩展器 jquery 插件。

Answer 1

您可以执行以下操作：

... Rest of View...

render: function() {
    // do your normal render stuff
    this.afterRender();
},

afterRender: function() {
    // do the stuff you want to do after the template is rendered
}

Answer 2

可以这样做：

initialize: function () {
    this.once('renderEvent', function () {
        // that will be executed just once after the view has been rendered
    });
},

render: function () {
    // display html
    // ...
    this.trigger('renderEvent');
}

Answer 3

您是否在标题中包含了您的 JS 文件？或在页脚部分。这是实施过程中发生的一个常见问题。