title: Disable the bootstrap data attribute API?
body: <p>The bootstrap <a href="http://twitter.github.com/bootstrap/javascript.html#overview" rel="nofollow">documentation</a> says, you can easily disable the data API with following code:</p>
  
  <p><code>$('body').off('.data-api');</code></p>
  
  <p>I thought that's really cool for some cases, when other javascripts are using the same data-attributes. You only have to disable the bootstrap-API in the special region.</p>
  
  <p>For example disabling the API in each a-Tag:</p>
  
  <p></p>
  
  <pre><code>&lt;html&gt;
    &lt;head&gt;
      &lt;title&gt;Bootstrap - Test - Disable The API&lt;/title&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
      &lt;link href="css/bootstrap.min.css" rel="stylesheet" media="screen"&gt;
      &lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script src="js/bootstrap.min.js"&gt;&lt;/script&gt;
      &lt;script&gt;
        $(document).ready(function() {
          //This is working: $(document).off('.data-api');
  
          //This is not working:
          $('a').off('.data-api');
        });
      &lt;/script&gt;
    &lt;/head&gt;
    &lt;body&gt;
  
      &lt;!-- Button to open the modal --&gt;
      &lt;a id="clickBtn" href="#myModal" data-toggle="modal"&gt;Launch demo modal&lt;/a&gt;
  
      &lt;!-- Modal --&gt;
      &lt;div id="myModal" class="modal hide fade"&gt;
        This is just a little test
      &lt;/div&gt;
  
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>But it didn't work.</p>
  
  <p>There is still a <code>clickEvent</code> for the modal.
  Can anybody tell me what I have done wrong?</p>
  
  <p>It's not working for <code>$('#clickBtn').off('.data-api');</code> either.</p>