javascript - 要素の高さと幅を動的に設定する

Question

Backbone を使用して、高さを設定し、高さに合わせて幅を動的に設定する正方形のタイル要素をレンダリングしています。ただし、要素の高さを取得しようとすると、0返されます。

これが私のコードです：

var app = app || {};

app.ClassModelView = Backbone.View.extend({
    className: 'tile',

    template: _.template('<%= name %>'),

    render: function() {
        var dim = 'calc(' + parseInt(100 / app.global.rows) + '% - ' + app.global.margin * (app.global.rows + 1) + 'px)'; //e.g. "30% - 20px"
        this.$el.append(this.template(this.model.attributes)).css({
            margin: app.global.margin + 'px',
            height: dim,
        }).css({
            width: this.$el.height() + 'px',
        });

        return this;
    }
})

幅を高さに設定するにはどうすればよい$elですか? 構文的に間違っているのか、Backbone の使用方法が原因で問題が発生しているのかはわかりません。