【发布时间】:2013-09-05 21:08:12
【问题描述】:
我的目的是在浮动窗口中加载一个 php 页面,该页面将我的用户重定向到 Twitter 以登录,然后通过同一窗口邀请他的关注者。希望fancybox可以处理这个问题。使用下面的代码加载 php 并重定向到 Twitter,但这不是在浮动窗口上发生的,而是在主页本身上发生的。这是我的代码,我错过了什么吗?我尝试了很多其他问题的建议,甚至达到了这一点。
<li onclick="inviteTwitters()">
<a class="fancyelement fancybox.ajax" href="#" data-id="http://kokas.x10.mx/wp-content/themes/childoftwentytwelve/twitter/redirect.php">
span>Twitter</span>
</a>
</li>
function inviteTwitters() {
$(".fancyelement").click();
}
$('.fancyelement').click(function() {
var myUrl = $(this).attr('data-id');
$.fancybox(
{
maxWidth : 800,
maxHeight : 600,
fitToView : false,
width : '70%',
height : '70%',
autoSize : false,
closeClick : false,
openEffect : 'none',
closeEffect : 'none',
href : myUrl
}
}
);
return false;
});
【问题讨论】:
-
你的页面调试器显示什么样的输出?
-
这可能有点迂腐,但您是否同时加载了两个 jQuery 库和fancybox 插件as shown here?
-
@SuperJer 我不知道你说的页面调试器是什么意思,点击链接重定向到我这里api.twitter.com/oauth/…
-
Chrome 有一个不错的内置调试器,您可以通过按 F12 来使用它。 Firefox 也有一个内置的调试器,但大多数人都会同意它的 Firebug 插件更胜一筹。这些调试器中的任何一个都将能够显示 ajax 调用、网络请求等,包括为每个调试器发送/接收的所有数据。
-
我在 firebug 上收到此错误:X-Frame-Options 拒绝加载:api.twitter.com/oauth/… 不允许跨域框架。
标签: php redirect fancybox floating