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; 
    } 
}); 
});