Jquery nav tab几乎没有变化

时间:2014-08-07 18:47:52

标签: javascript jquery css

我需要更改此功能

$(document).ready(function () {
    $(".tab_content").hide();
    $("ul.tabs li:first").addClass("active").show();
    $(".tab_content:first").show();

    $("ul.tabs li").click(function () {
        $("ul.tabs li").removeClass("active");
        $(this).addClass("active");
        $(".tab_content").hide();
        var activeTab = $(this).find("a").attr("href");
        $(activeTab).fadeIn();
        return false;
    });
});

像:

一样工作

如果点击 activeTab ==" #a "从某个文件加载信息,例如

$('#a').load('a.php?'+ Math.random());

如果点击 activeTab ==" #b "从

加载信息
$('#b').load('b.php?'+ Math.random());

我试过但不对我有用,here is the example on JSFiddle.net

由于

1 个答案:

答案 0 :(得分:2)

执行此操作时出现加载错误,因此如果页面实际存在,它可能会有效。

$(activeTab).fadeIn(300, function(){
    $(this).load($(this).attr("id")+".php?"+Math.random());
});