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

您应该将其放入 index.hbs 对应 view 的 didInsertElement Hook 中(如果您没有定义的话) :

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

希望有帮助。