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