这在IE9中无效。
在IE 7/8和其他所有浏览器中都很棒。它基本上忽略了hide / show并将链接视为锚标记(应该用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.
});
});