jQuery idTabsプラグインのリンクオプション

Question

jQuery idTabsプラグインを使用しています。クリックリンク（href）機能を提供し、この機能でデフォルトのオプションを使用したいと思います。どのようにできるのか？

<ul class="idTabs"> 
<li> 
     <a href="#div_1" href="google.com"> 
     Hover call div_1 and Click Call go to google 
     </a> 
</li> 
</ul> 

注：私は、ホバー機能>$("...").idTabs("!mouseover");を使用していると私はthisメニューシステムを使用していました。

よろしくお願いいたします。

Answer 1

このプラグインの制限を回避する方法があります。このプラグインの制限により、DIVの内容が表示され、クリックするとURLに移動することができます。 HTMLで

次のように "URL" という名前のカスタム属性を追加します。

<ul class="idTabs"> 
<li> 
     <a href="#div_1" url="http://www.google.com"> 
     Hover call div_1 and Click Call go to google 
     </a> 
</li> 
</ul> 
<div id="div_1">Contents of Div1</div> 

あなたのjQueryスクリプトで次の行を追加します。

$(function(){ 
$(".idTabs").idTabs("!mouseover"); 
$(".idTabs a").click(function(){ 
    var url = $(this).attr('url'); 
    if(url){ 
    window.location = url; 
    } 
}); 
});