jquery选项卡加载动态href的

时间:2009-12-11 21:15:06

标签: jquery href jquery-ui-tabs

我不确定这是否已经得到解答,但是这里是

我有4个标签,其中两个我通过控制器调用加载;其余的我想改变href并自动加载/按需加载。

我的问题是,即使分配固定的href,例如“ www.google.com ”,也无法显示远程页面;并且变量href的两个标签正确地被更改为正确的值,如此 -

$("#anchor_ID").attr("href", "myURL"+var1)

其中anchor_ID<a href="..." id="anchor_ID" ....></a>

但是,这些标签不会按预期加载内容。

要检查的任何要点,这里可能会发生什么?您希望我提供多少信息?

非常感谢

1 个答案:

答案 0 :(得分:0)

我猜jQuery UI Tabs不支持通过简单的不显眼的ajax样式加载远程内容(在远程= =不同域的意义上)。您需要使用iframe作为该标签的内容。

如果选中“本地远程文件”选项卡,则会注意到该URL指向“本地”服务器上的文件。如果这对您不起作用,您应该将样本发布到"myURL"+var1真正评估的内容。

<div id="tabs">
    <ul>
        <li><a href="#inline">Local local content</a></li>
        <li><a href="#remoteajax">Remote remote Google</a></li>
        <li><a href="localajax.htm">Local remote file</a></li>
    </ul>
    <div id="inline"><p>...</p></div>
    <div id="remoteajax">
        <iframe src="http://www.google.com" width="600px" height="300px">
            <p>Your browser doesn't support/allow iframes</p>
        </iframe>
    </div>
</div>

查看此演示页

http://jsbin.com/uqile