0

这在 IE9 中不起作用。

在 IE 7/8 和其他所有浏览器中运行良好。它基本上忽略了隐藏/显示并将链接视为锚标签(应该用preventDefault覆盖)

$(document).ready(function () {
    $(".tabContents").hide(); // Hide all tab conten divs by default
    $(".tabContents:first").show(); // Show the first div of tab content by default
    $("#tabContaier ul li a.tablink").click(function (e) { //Fire the click event
        e.preventDefault();
        var activeTab = $(this).attr("href"); // Catch the click link
        $("#tabContaier ul li a.tablink").removeClass("active"); // Remove pre-highlighted link
        $(this).addClass("active"); // set clicked link to highlight state
        $(".tabContents").hide(); // hide currently visible tab content div
        $(activeTab).fadeIn(); // show the target tab content div by matching clicked link.
    });
});​

http://jsfiddle.net/gpnqV/

4

0 回答 0