gpt4 book ai didi

javascript - Jquery colorbox - 在现有 colorbox 中重定向/转发

转载 作者:行者123 更新时间:2023-11-29 16:24:03 29 4
gpt4 key购买 nike

所以我加载了一个彩盒。我希望能够重定向/转发到现有颜色框内的另一个页面。

window.location = href; 在这里不起作用。

编辑:更具体地说,我想拦截表单提交,并在必要时重定向。

    $("#search-center-form").live("submit", function () {
alert('clicked');
$.post('myurl', function(data) {
console.log(data);
if (data) {
$.colorbox({href:'http://www.google.com/'});
}
}, 'json');
return false;
});

原来的colorbox是这样打开的:

$.fn.colorbox({'href': block, 'open':true, 'inline':true, 'width':'530px', 'height':'260px'});

现在我正在尝试将外部 URL 加载到该颜色框中。我想 AJAX 是一个选项,但如果您可以在彩盒中加载 iFrame,这应该也是可能的,不是吗?

谢谢!

最佳答案

您快完成了,但是有几个原因导致该代码无法正常工作。

一个是您试图在没有正确选项的情况下从另一个域加载内容。为此,您需要设置 iframe:true , width , 和 height .如果您从自己的域加载内容,那么您可能不需要 iframe选项(然后 colorbox 将能够自动确定宽度和高度)。如果加载了所有必需的 css 或 js,则不需要它。如果您的新页面在其 <head> 中包含一些 css 或 js尚未加载,那么您将需要 iframe。

另一个问题不是错误,而是google如何处理请求。也就是说,在 iframe 中加载他们的站点的情况下,他们不会这样做;他们会阻止该请求,因此您将无法将 google 与 colorbox 一起使用(没有创意处理)。顺便说一句,虽然它的处理方式不同,但 stackoverflow 也不允许,所以不要费心把那个放在任何一个里。

在任何情况下,您的颜色框重定向(在您的帖子回调中)应该如下所示:

$.colorbox({href:'http://www.yahoo.com', iframe:true, width:"75%", height: "75%"});

关于javascript - Jquery colorbox - 在现有 colorbox 中重定向/转发,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8010413/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com