使用iframe和JQuery Tabs？

Question

我试图在iframe中使用Jquery标签。我正在调用另一个HTML，它是iframe中的applet。第一页applet工作，之后它不。

<div id="tabs">
    <ul>
        <li><a href="#gg1">First</a></li>
        <li><a href="#gg2">Second</a></li>
        <li><a href="#tabs-3">Third</a></li>
    </ul>
    <iframe id="gg1" src="ggapp/eg.html" frameborder="0" webkitallowfullscreen="true" mozallowfullscreen="true" width="395px" height="470px" scrolling="no"></iframe>
    <iframe id="gg2" src="ggapp/test2.html" frameborder="0" webkitallowfullscreen="true" mozallowfullscreen="true" width="395px" height="470px" scrolling="no"></iframe>
</div>
<script>
$(function() {
    $( "#tabs" ).tabs({
        panelTemplate: "<iframe style='width:100%'></iframe>",
        idPrefix: "ui-tabs-",
        select: function(event, ui) {
            if (!$("#ui-tabs-" + ui.index).prop("src")) {
              $("#ui-tabs-" + ui.index).attr("src", $.data(ui.tab, 'load.tabs'));  
            } 
        }
    });
});
</script>