backbone jquery ui

small test to init jquery ui

by amorris

HTML

<script src="http://documentcloud.github.com/underscore/underscore-min.js"></script>
<script src="http://documentcloud.github.com/backbone/backbone-min.js"></script>
<script src="https://raw.github.com/derickbailey/backbone.modelbinding/master/backbone.modelbinding.min.js"></script>
<script src="https://raw.github.com/derickbailey/backbone.memento/master/backbone.memento.min.js"></script>
<script src="http://ajax.microsoft.com/ajax/jquery.templates/beta1/jquery.tmpl.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css">
    <a id="myButton" class="button" href="#myurl">my button</a>

CSS

.button {
  margin: 0 auto;
    width: 200px;
    display: block;
    margin-top: 100px;
}

JavaScript

var myView = Backbone.View.extend({
    el: "#myButton",
    initialize: function () {
        this.render();
    },
    render: function () {
        $(this.el).button();        
    }
});

$(function(){
    var v = new myView({});
});