event prevent default

a playground setup with includes of backbone, jquery, underscore,...

by fguillen

HTML

<script src="http://documentcloud.github.com/underscore/underscore.js"></script>
<script src="http://documentcloud.github.com/backbone/backbone.js"></script>
<p>Should prevent click through of these links</p>
<div id="demo">
    <ul class="nav nav-pills">
  <li class="dropdown" id="menu1">
    <a href="#" class="btn dropdown-toggle" data-toggle="dropdown" data-bitly-type="bitly_hover_card">Actions <b class="caret"></b></a>
    <ul class="dropdown-menu">
      <li><a href="http://www.google.com" class="delete" data-method="delete" id="13" rel="nofollow" title="Delete Test 1" data-bitly-type="bitly_hover_card">Delete 1</a></li>
      <li><a href="http://stackoverflow.com/" class="delete" data-method="delete" id="14" rel="nofollow" title="Delete Test 2" data-bitly-type="bitly_hover_card">Delete 2</a></li>
    </ul>
  </li>
</ul>
</div>

JavaScript

var Composer = Backbone.View.extend({
    events: {
        "click a.delete": "handleClick"
    },
    handleClick: function(event) {
        console.log("handleClick()");
        console.log(event.isDefaultPrevented());
        event.preventDefault();
        console.log(event.isDefaultPrevented());
    }
});

new Composer({
    el: $('#demo')
});