Jqueryタブのdafaultアクションを防止する

Question

私はJquery Tabsを使用しているプロジェクトに取り組んでいます。私のタブにはリンクがあります。そのうちの一つが

<a href="#rings">Rings</a> 

そのうちの一つが、別のページへの単純なリンクで、特定の隠し要素を表示できるようになり、このページのIDにあり、ここで

<a href="/amulets">Amulets</a> 

は、彼らが作成している方法です。

$('.b-head-nav-tabs').parent().tabs({ 
    collapsible: true, 
    active: false, 
    show: { effect: 'slideDown', duration: 300 }, 
    hide: { effect: 'slideUp', duration: 100 } 
}); 

そして、すべてのJquery Tabsマジックをバイパスしてクリックすると、特定のリンクに移動できるようにする必要があります。

var disabledTabsString = $('.disabled-tabs').text(); 
var disabledTabsArray = disabledTabsString.split(''); 
for (var i = 0; i < disabledTabsArray.length; i++) { 
    disabledTabsArray[i] = parseInt(disabledTabsArray[i]); 
} 
... 
disabled: disabledTabsArray, 

しかし、リンクを張っても特定のタブを無効にしています。何か案は？

Answer 1

私は直接行きたい特定のURLにdata-urlプロパティを追加することにしました。そして、私はbeforeActivateメソッドを使用してdata-urlがあるかどうかを確認してから、ユーザーをこのリンクにリダイレクトします。

$('.b-head-nav-tabs').parent().tabs({ 
     collapsible: true, 
     active: false, 
     show: { effect: 'slideDown', duration: 300 }, 
     hide: { effect: 'slideUp', duration: 100 }, 
     beforeActivate: function(event, ui) { 
      var url = $('a', ui.newTab).attr('data-url'); 
      if (url != undefined) { 
       document.location = url; 
       return false; 
      } 
     } 
    });