jQuery选项卡容器+ Iframe

Question

这是我的javascript代码：

$(".tab_content").hide(); //Hide all content
$("ul.tab_menu li:first").addClass("selected").show(); //Activate first tab
$(".tab_content:first").show(); //Show first tab content

//On Click Event
$("ul.tab_menu li a").click(function() {
    $("ul.tab_menu li a").removeClass("selected"); //Remove any "active" class
    $(this).addClass("selected"); //Add "active" class to selected tab
    $(".tab_content").hide(); //Hide all tab content

    var activeTab = $(this).attr("href"); //Find the href attribute value to identify the active tab + content
    $(activeTab).fadeIn(); //Fade in the active ID content
    return false;
});

请参阅：http://jsfiddle.net/MonicaPonciano/rs75z/

我在一个在iframe中打开的html页面（包含一个带有jquery的脚本标记）中使用它，但链接不起作用，看起来像这样：

有人知道可能导致这种情况的原因吗？ THX

Answer 1

我忘了将代码放在JS $(document).ready(function() { ... })

中