JQuery Tab Контейнеры + 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/

Я использую это в HTML-страницу (которая включает в себя тег сценария с JQuery), который будет открыт в IFrame, но ссылки не работают, и выглядит следующим образом:

кто-нибудь знает, что может быть причиной этого? Thx

Answer 1

Я забыл поместить код внутри JS $(document).ready(function() { ... })