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