显示 jquery simplemodal 中 url 的内容

发布于 2024-11-27 01:44:51 字数 1139 浏览 0 评论 0原文

我想加载此内容 https:// /www.paypal.com/uk/cgi-bin/webscr?cmd=xpt/Marketing/popup/OLCWhatIsPayPal-outside 进入 jquery simplemodal 对话框。

我怎样才能做到这一点？

更新

我已经尝试过这个示例：

$('#paypal-popup').click(function (e) {
            var src = "http://365.ericmmartin.com/";
            $.modal('<iframe src="' + src + '" height="450" width="830" style="border:0">', {
                closeHTML: "",
                containerCss: {
                    backgroundColor: "#fff",
                    borderColor: "#fff",
                    height: 450,
                    padding: 0,
                    width: 830
                },
                overlayClose: true
            });
        });

它对我有用，但是如果我将 src url 更改为 https://www.paypal.com/uk/cgi-bin/webscr?cmd=xpt/Marketing/popup/OLCWhatIsPayPal-outside 它正在将我重定向到那里。

我该如何解决这个问题？

原文

I want to load this content https://www.paypal.com/uk/cgi-bin/webscr?cmd=xpt/Marketing/popup/OLCWhatIsPayPal-outside in to jquery simplemodal dialog.

How can i do that?

UPDATE

I've tried this sample:

$('#paypal-popup').click(function (e) {
            var src = "http://365.ericmmartin.com/";
            $.modal('<iframe src="' + src + '" height="450" width="830" style="border:0">', {
                closeHTML: "",
                containerCss: {
                    backgroundColor: "#fff",
                    borderColor: "#fff",
                    height: 450,
                    padding: 0,
                    width: 830
                },
                overlayClose: true
            });
        });

and it is working for me, but if i change src url to https://www.paypal.com/uk/cgi-bin/webscr?cmd=xpt/Marketing/popup/OLCWhatIsPayPal-outside it is redirecting me there.

How may i fix that?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

小…红帽 2024-12-04 01:44:51

无论您使用什么库，都无法在 iframe 中加载该网址的内容。
它肯定会被重定向，因为其中运行着一个小脚本。

如果您查看该页面上的源代码，您就可以看到这一点。

<style type="text/css" id="antiClickjack">
    body{display:none !important;}
</style>
<script type="text/javascript"> 
    if (self === top) {
        var antiClickjack = document.getElementById("antiClickjack");
        antiClickjack.parentNode.removeChild(antiClickjack);
    } 
    else {
        top.location = self.location;
    }
</script>

这意味着如果页面位于 iframe 中，则隐藏内容并将页面位置更改为 iframe 的位置。
它的作用是防止点击劫持

如果您想在 iframe 中显示任何其他网站，只需使用 jQuery UI 对话框。
演示：http://jsfiddle.net/naveen/C6rR2/1/

Whatever library you use, you cannot load the content of that url in an iframe.
It will surely get re-directed because there is a small script running in it.

If you view source on that page you can see this.

<style type="text/css" id="antiClickjack">
    body{display:none !important;}
</style>
<script type="text/javascript"> 
    if (self === top) {
        var antiClickjack = document.getElementById("antiClickjack");
        antiClickjack.parentNode.removeChild(antiClickjack);
    } 
    else {
        top.location = self.location;
    }
</script>

This means if the page is in an iframe, hide contents and change the pages location to iframe's location.
Its there to prevent Clickjacking

If you want to display any other sites in an iframe, just use jQuery UI Dialog.
Demo: http://jsfiddle.net/naveen/C6rR2/1/

回复收藏 0 原文