在Backbone渲染方法中调用jQuery插件

前端之家收集整理的这篇文章主要介绍了在Backbone渲染方法中调用jQuery插件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在Backbone中有一个渲染方法,基本上就是这样:
render: function () {
  $.tmpl(this.template,attrs).appendTo(this.el);
  return this;
},

这是从路由器动作中调用的:

action: function () {
  $('#container').empty();
  $('#container').append(myView.render().el);
},

现在,我想在这个视图中的标签元素上应用一个插件.我的第一个想法是在render中调用插件

render: function () {
  $.tmpl(this.template,attrs).appendTo(this.el);
  this.$('label').inFieldLabels();
  return this;
},

但是这不行(我假设这是因为元素尚未添加到DOM中).如果我在路由器动作中调用插件,它会工作:

action: function () {
  $('#container').empty();
  $('#container').append(myView.render().el);
  myView.$('label').inFieldLabels();
},

我宁愿不这样做,因为插件是视图的一部分,而不是路由器,所以在操作中调用它是没有意义的.有没有更好的方法来做到这一点?

解决方法

拜特这样做:
action: function () {
    var container = $('#container');

    container.empty();
    myView.render(container);
},render: function (container) {
    $(this.el)
        .append($.tmpl(this.template,attrs))
        .appendTo(container);
    $('label',this.el).inFieldLabels();
    return this;
},
原文链接:https://www.f2er.com/jquery/180084.html

猜你在找的jQuery相关文章