JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://cloud.github.com/downloads/emberjs/ember.js/ember-latest.min.js"></script>
<script type='text/x-handlebars' data-template-name='item'><span>
{{#with content}}
{{name}}
{{/with}}
</span></script>
<div id="main"></div>
JavaScript
App = Ember.Application.create({});
App.Item = Ember.View.extend({
templateName: "item",
didInsertElement: function() {
this._super();
this.$("span").after(this.$("span").offset().top)
}
});
App.CollectionView = Ember.CollectionView.extend({
itemViewClass: "App.Item",
contentBinding: "App.collectionController"
});
App.collectionController = Ember.ArrayController.create({
content: []
});
var collectionView = App.CollectionView.create();
collectionView.appendTo("#main")
App.collectionController.addObject({
name: "Thing"
});
App.collectionController.addObject({
name: "Other Thing"
});