JSFiddle - React, Tailwind, and code Playground

by gazmcghee

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.0/bootstrap.min.js"></script>
<script src="https://raw.github.com/emberjs/starter-kit/master/js/libs/ember-1.0.0-rc.6.js"></script>
<script src="https://raw.github.com/emberjs/starter-kit/master/js/libs/handlebars-1.0.0-rc.4.js"></script>
<script type="text/x-handlebars" data-template-name="application">

<div class="container">
    <div class="hero-unit">
        <h4>Bootstrap/Ember Button Disabled</h4>
            <a class="btn btn-large" href="#" >. . .</a>
        
    </div>
</div>
</script>

CSS

@import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css');

JavaScript

App = Ember.Application.create({});

App.applicationController = Ember.Controller.create({
    templateName: 'application',
    ready: false,
    buttonDisabled: function(){
        return !this.get('ready');
    }.property('ready')    
});