jQuery选项卡 - 使用URL内容填充选项卡面板

时间:2013-01-10 11:46:37

标签: jquery

我需要有关jQuery标签的帮助。

我有以下打印标签的代码

<html>
    <head>
        <title>jQuery UI URL Tabs</title>

        <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" />
        <script src="http://code.jquery.com/jquery-1.8.3.js"></script>
        <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
    </head>
    <script>
        $(function() {
            $( "#myTabs" ).tabs();
        });
    </script>
    <body>
        <div id="myTabs">
            <ul>
                <li><a href="#t1">Page 1</a></li>
                <li><a href="#t2">Page 2</a></li>
            </ul>
            <div id="t1"></div>
            <div id="t2"></div>
        </div>
    </body>
</html>

我想用URL动态加载标签内容,例如 t1 = http://www.google.co.in t2 = http://www.yahoo.com

有人可以帮忙吗?

谢谢。

2 个答案:

答案 0 :(得分:1)

你自己并没有真正尝试解决这个问题,是吗?请查看jQuery文档并查找$ .load()或$ .ajax()

答案 1 :(得分:0)

您无法将整页加载到Jquery选项卡中。您可以使用Ajax加载简单的html或内容。

尝试将Iframe插入Jquery Tab,然后将url加载到Tab。