Javascript jQuery选项卡的自定义脚本

Javascript jQuery选项卡的自定义脚本,javascript,jquery,tabs,Javascript,Jquery,Tabs,我对jquery选项卡有粘性问题。以下是我的网站链接: 部门结构: <div class="cnt"> <div class="left"> <ul class="list"> <li><span class="title"><a class="tab_link tab_link_wybrany" rel="#rnt1" href="#">First</a></sp

我对jquery选项卡有粘性问题。以下是我的网站链接:

部门结构:

<div class="cnt">
    <div class="left">
        <ul class="list">
        <li><span class="title"><a class="tab_link tab_link_wybrany" rel="#rnt1" href="#">First</a></span></li>
        <li><span class="title"><a class="tab_link" rel="#rnt2" href="#">Second</a></span></li>
        <li><span class="title"><a class="tab_link" rel="#rnt3" href="#">Third</a></span></li>
        </ul>
    </div>
    <div class="super">
        <div id="rnt1" class="tab_text tab_wybrany">First</div>
        <div id="rnt2" class="tab_text">Second</div>
        <div id="rnt3" class="tab_text">Third</div>
    </div>
</div>

当我点击tab-divs时?离线一切正常吗。。。我不知道我的错误在哪里。。。请帮帮我!:)

我建议您不要使用和的动画不透明度。那可能会解决你的问题

因此,您的脚本将如下所示:

$(document).ready(function(){
    $(".tab_wybrany").fadeIn();
    $(".tab_link").live("click", function(event){
        event.preventDefault();
        $(".tab_link_wybrany").removeClass("tab_link_wybrany");
        $(this).addClass("tab_link_wybrany");
        var container_id = $(this).attr("rel");
        $(".tab_wybrany").fadeOut(750, function(){
            $(this).removeClass("tab_wybrany");
            $(container_id).addClass("tab_wybrany");
            $(".tab_wybrany").fadeIn(750);
        });
    });
});

就这样!谢谢大家!//解决了的!没问题:)很乐意帮忙。请标记为已回答,当你有机会时,我会更新我的评论:D
$(document).ready(function(){
    $(".tab_wybrany").fadeIn();
    $(".tab_link").live("click", function(event){
        event.preventDefault();
        $(".tab_link_wybrany").removeClass("tab_link_wybrany");
        $(this).addClass("tab_link_wybrany");
        var container_id = $(this).attr("rel");
        $(".tab_wybrany").fadeOut(750, function(){
            $(this).removeClass("tab_wybrany");
            $(container_id).addClass("tab_wybrany");
            $(".tab_wybrany").fadeIn(750);
        });
    });
});