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>

注意：我正在使用悬停功能＆gt; $("...").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;
   }
 });
});