jquery easytabs - 如何使一個標籤彈出鏈接？

Question

這是我的導航，我使用easytabs jQuery腳本：

 <!-- Navigation --> 
     <div class="navigation"> 
      <ul class="tabs"> 
       <li><a href="#home">About Me</a></li> 
       <li><a href="#cv" target="_blank">CV</a></li> 
       <li><a href="#research">Research</a></li> 
       <li><a href="#teaching">Teaching</a></li> 
       <li><a href="#contact">Contact</a></li> 
      </ul> 
     </div> 
     <!-- /Navigation --> 

我想選項卡中更改#cv成PDF彈出鏈接。我試圖使用內聯jscript，沒有工作。任何解決方案

thats the link you can see it in action

Answer 1

您easyTabs初始化更改爲：

$content.easytabs({ 
     tabs    :"> .navigation > ul > li:not(.external)", 
     animate    : true, 
     updateHash   : true, 
     animationSpeed  :'normal', 
    }); 

然後一類external添加到您的簡歷鏈接：

<ul class="tabs"> 
    <li><a href="#home">About Me</a></li> 
    <li><a href="#cv" target="_blank" class="external">CV</a></li> 
    <li><a href="#research">Research</a></li> 
    <li><a href="#teaching">Teaching</a></li> 
    <li><a href="#contact">Contact</a></li> 
</ul>