2

我有一个页面,当单击链接时会打开一个 Colorbox 弹出窗口。发生这种情况时,地址栏中的 URL 保持不变。我希望更改此 URL,以便我可以将访问者直接链接到 Colorbox 弹出窗口,而无需引导他们点击链接。此页面说明了我要完成的工作。

因此,当您查看 URL 位置栏时,您会看到上述 URL。当您关闭弹出窗口时,URL 更改为:http://www.uu.nl/daretoexcel/#。同样,当您打开另一个窗口时,URL 会更改为类似的内容。所以我知道如何打开 Colorbox 并让它工作。只是地址栏中的 URL 始终保持不变。

我查看了他们的代码,但我不太明白。我不想只是复制和粘贴而不知道到底发生了什么。

4

2 回答 2

1

你需要:

$(function() {
$.colorbox({html: "<h1>Welcome</h1>"});
})

这将在给定页面上的 document.ready 上打开颜色框。您可能需要在要打开它的页面上的正文中添加一些类,您可以通过在添加类的 url 中添加一个参数来做到这一点,例如 /mypage.html?opencolorbox=true,然后添加使用 asp、php 或您正在使用的任何其他服务器端语言的类。或者,只在颜色框应该打开的页面上运行上面的脚本。

您还可以将其打开到 iframe,或显示内联内容,例如:

$(function() {
$.colorbox({href: "login.php"});
})

将在颜色框中显示 login.php

$(function() {
$.colorbox({inline: true, href: "#form"});
})

将显示 ID 为 #form 的元素的内容

于 2012-09-17T08:11:32.553 回答
0

它比你想象的要简单,他们只是使用哈希。您可以查看带有事件的彩盒网站上的示例。像这样获取 href:如何从颜色框中获取返回值?, 然后设置 hash:document.location.hash并在关闭事件时删除哈希。

于 2012-09-17T08:17:53.333 回答