0

Zurb's Foundation を使用して、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());
});

どうもありがとう！

4

1 に答える 1

4

定義されていない場合は、対応するdidInsertElementフックに配置する必要があります。index.hbsview

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

それが役に立てば幸い。

于 2013-08-26T17:12:05.170 に答える