title: How to disable click event on JQuery tabs?
body: <p>I have these simple tabs:</p>
  
  <pre><code>&lt;div class="ftabs"&gt;                    
  
  &lt;ul id="tabs" class="tabs nav nav-tabs nav-justified" data-tabs="tabs"&gt;
      &lt;li  id='an'&gt;&lt;a href="#anag" data-toggle="tab"&gt;&lt;h3&gt;Dati Anagrafici&lt;/h3&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li id='ind'&gt;&lt;a href="#indirizzi"  data-toggle="tab"&gt;&lt;h3&gt;Indirizzi&lt;/h3&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li id='ref'&gt;&lt;a href="#referenti" data-toggle="tab"&gt;&lt;h3&gt;Referenti&lt;/h3&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li id='ban'&gt;&lt;a href="#blue" data-toggle="tab"&gt;&lt;h3&gt;Banche&lt;/h3&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I can open the tab that I want with jQuery, for example:</p>
  
  <pre><code>$("#ref a[href='#referenti']").tab('show');
  </code></pre>
  
  <p>but I would like to disable the first 2 tabs. I've tried it this way, but it doesn't work:</p>
  
  <pre><code>$('#tabs').tabs('option', 'disabled', [0, 1]);
  </code></pre>
  
  <p>Why? How can I do this?</p>