2011-01-20 52 views
1

我不想为colorbox使用iframe设置,而是我想单击colorbox中的链接并加载另一个文件来代替当前的文件。改变colorbox href

Login failed, please <a href="#" onClick="$.colorbox({href:'/admin/login.php'}); return false;" class='tryagain'>try again</a>. 

这显然是一种在线示例 - 一个典型的jquery的解决办法是细的,即

$('的A.class).colorbox({HREF:” ../管理/登录。 PHP“});

实际上我想“改变这个(当前显示)colorbox的href”。我想要在现有的colorbox中加载这个新页面。

非常感谢

回答

0

这是你在做什么?:后

<a class='tryagain' href="../url1.html">link1</a> 
<br/><br/> 
<a class='tryagain' href="../url2.html">link2</a> 

$(".tryagain").colorbox({ 
    width: "80%", 
    height: "80%", 
    iframe: true 
}); 
+0

谢谢汤姆,问题是,这将重定向到新的位置,因为正常的链接会 - 我想要这个新的页面在现有的颜色框中加载。 – Tim 2011-01-20 15:23:23

0

如果我是正确的,你想“混合“inline和iframe Colorbox使用,以便一旦用户点击给定链接上的内容,内容就会出现在Colorbox中 - 并且在里面,会有另一个链接,它会用新内容更新当前打开的Colorbox实例。

这可以很容易地通过在链接中绑定Colorbox来完成,该链接位于内嵌内容 - 可能隐藏的HTML内容中,您希望先在Colorbox中显示该内容。

所以我创建了一个工作演示例子,你(和其他一些东西像工具提示插件混合彩盒相结合),并将其上传到jsfiddle.net
http://jsfiddle.net/Sk8erPeter/aHcLx/

在这里,您可以试一下马上如果它符合您的需求!
我希望这就是你所要求的。