如何构造URL以使用jquery lightbox插件colorbox打开页面？

我正在使用jquery lightbox插件colorbox（），我希望能够构建一个类似www.example.com/about-me.html的URL，它将用户发送到我的网站，并在lightbox脚本中打开iframed页面（about me.html）

---

我相信我必须使用事件挂钩或其他东西，但我不确定如何实现结果。感谢您的帮助。

编辑-已更新下面的示例源代码

我不熟悉lightbox，但我认为您只需创建一个页面并在window.load或dom ready上调用lightbox，如：

$(document).ready(function () {
   if(document.location.hash){
    //launch colorbox and use this hash
    $.fn.colorbox({width:"50%", inline:true, href:""+document.location.hash+""});
   }
});

查看有关如何访问其他内容的详细信息。如果我正确理解了您的问题，您希望在iframe中显示外部源。您可以使用以下方法完成此操作：

（来自示例页面）

或者使用MVC之类的工具，您可能会：

http://www.example.com/main/about

---

这将调用主控制器上的about操作。这将呈现一个视图，其中包含将“about.htm”内容文件注入iframe的代码。

这归功于colorbox google组的Jack Moore

他的解决方案适应了这个问题：

var url = document.location.href;
if(url.search(/\?about-me/i) !== -1){
    $(".iframe:first").click();

}

所以url应该是www.example.com？关于我，这会将用户带到主页，javascript会找到该参数并告诉colorbox打开它

---

原始google群组线程和更多信息：

我已经这样做了，问题是创建一个直接链接，可以粘贴在地址栏中，但仍然会转到我的站点，然后在lightbox中打开页面。例如：www.example.com/#about-me.html将由colobox拾取，然后在lightbox中打开。很难解释在这种情况下，我建议您使用URL上的参数在服务器端处理它。获取？href=about.htm参数，然后在服务器上注入上述代码，以便lightbox显示在您想要的位置。我会更新的。我想这肯定是你想要的，我唯一不能100%确定的是他们在没有事件的情况下启动colorbox的语法，这看起来是正确的。

http://www.example.com/main/about

var url = document.location.href;
if(url.search(/\?about-me/i) !== -1){
    $(".iframe:first").click();

}