在Ember.js应用程序中，我在哪里根据浏览器大小添加jQuery来调整div的大小？

Question

我正在使用Zurb的基金会建立一个余烬网站。

我将div.row类设置为100％宽度。我在我的应用程序模板application.hbs中有以下内容：

<div class="row">
  <div class="large-12 columns">
    {{outlet}}
  </div>
</div>

我希望我的索引模板（主页）index.hbs与浏览器的大小完全相同，这样我就可以给它一个全宽的背景图像。我已经做了很多次，从来没有在Ember应用程序中，我不知道在哪里放jQuery。

$(window).resize(function(){
  $("#div1").width($(window).width());
});

非常感谢！

Answer 1

如果您没有定义didInsertElement，请将其放在index.hbs对应view的{​​{1}}钩子中，然后执行此操作：

App.IndexView = Ember.View.extend({
  didInsertElement: function() {
    $(window).resize(function(){
      $("#div1").width($(window).width());
    }); 
  }
});

希望它有所帮助。