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

Question

我正在使用 Zurb 的基金会建立一个 ember 站点。

我将 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.hbsview

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

希望能帮助到你。