javascript - Ember.js - 如何获取元素的宽度？

Question

我正在掌握 Ember.js，但需要一些技巧......

我想创建一个 div View ，其中嵌套有 ul 。在渲染之前，我想看看父 div 有多宽，并计算有多少 li 添加到 ul 中for 循环。

你能帮我建议最好的方法吗，因为我正在挣扎!

干杯!

Answer 1

确定 View 的宽度的方法是 Hook 到didInsertElement

App.IndexView = Ember.View.extend({
  willInsertElement: function() {
    console.log(this.$().css('width'));
  },
  didInsertElement: function() {
    console.log(this.$().css('width'));
  }
});

对于您的用例来说，willInsertElement 更相关，因为它将在 didInsertElement 之前调用，但此时 width 仍然没有还计算过。

这是一个示例 jsbin一起玩。

希望有帮助。