jquery - 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，但没有奏效。有什么解决办法吗？

这就是你可以看到它的链接

Answer 1

将您的 easyTabs 初始化更改为：

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

external然后在您的 CV 链接中添加一个类：

<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>