jquery easytabs - 如何使标签成为弹出式链接?

时间:2012-11-23 00:54:08

标签: jquery html5

这是我的导航,我使用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

1 个答案:

答案 0 :(得分:0)

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