BB Skeleton
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-alpha1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
<div id="container">
</div>
<script id="app1" type="text/template">
<button id="btn1">Click Me</button>
</script>
SCSS
body {
padding: 5px;
}
JavaScript
var HomePage = Backbone.View.extend({
initialize: function(){
this.render();
},
render: function(){
var template = _.template($('#app1').html());
this.$el.html(template);
},
events: {
'click #btn1': function() {
console.log("single click");
},
'dblclick #btn1': function() {
console.log("double click");
}
}
});
var view1 = new HomePage({
el: '#container'
});