<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/underscore.js" type="text/javascript"></script>
<script src="js/backbone.js" type="text/javascript"></script>
</head>
<body id="body">
<script type="text/javascript">
var TextView = Backbone.View.extend({
events :{
'click button#toggle' : 'toggle'
},
initialize : function() {
this.reader();
},
reader : function () {
this.$el.html('<p id="hello">Hello World</p><button id="toggle">Toggle</button>');
return this;
},
toggle : function () {
$("#hello").toggle();
return this;
}
})
$(function () {
var v = new TextView({el : $("#body")})
})
</script>
</body>
</html>