jQuery easytabs-如何使标签页成为弹出链接? [英] jquery easytabs - how to make a tab a pop-up link?

问题描述

这是我的导航，我使用easytabs jquery脚本:

This is my navigation and I use easytabs jquery script:

        <!-- 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，没有用.有解决方案吗?

I want to change #cv tab into a pdf pop-up link. I have tried to use inline jscript, did not work. Any solutions?

这就是您可以在实际操作中看到的链接

推荐答案

将easyTabs初始化更改为:

Change your easyTabs initialisation to:

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

然后在您的简历链接中添加external类:

Then add a class of external to your CV link:

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

这篇关于jQuery easytabs-如何使标签页成为弹出链接?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！