Question

我想将此内容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，它会将我重定向到那里。

我怎么能解决这个问题？

Answer 1

无论您使用哪种库，都无法在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的位置。
它在那里阻止Clickjacking

如果您想在iframe中显示任何其他网站，请使用jQuery UI Dialog 演示：http://jsfiddle.net/naveen/C6rR2/1/

Answer 2

您可以在代码中添加jquery插件

见〜

http://fancybox.net/

或

http://jquery.com/demo/thickbox/

在jquery simplemodal中显示来自url的内容

2 个答案: