Magnific Popup Jquery：Ajax Popup无效

Question

我正在尝试使用Magnific Popup jquery

在弹出窗口中显示网页内容

我使用ajax类型来显示内容。

我尝试了以下代码。

HTML：

<a class="ajax" href="http://www.google.com">
        Text
</a>

JQuery的：

<script type="text/javascript">
        $(document).ready(function() {
            $('.ajax').magnificPopup({
                delegate: 'a',
                type: 'ajax',
                alignTop: true,
                overflowY: 'scroll' // as we know that popup content is tall we set scroll overflow by default to avoid jump
            }
        }

    });
        });
</script>

请查看JSFIDDLE

就Jquery而言，我是一名新手。我在这里做错了什么？

Answer 1

问题是您的外部链接。它们无法正确加载/解释导致错误的MIME类型。

http://dimsemenov-static.s3.amazonaws.com/dist/magnific-popup.css
http://dimsemenov-static.s3.amazonaws.com/dist/jquery.magnific-popup.min.js

Here是工作外部资源的小提琴。

“真正的”问题是它不能与其他来源的链接一起使用。

  

错误：拒绝在一个框架中显示“https://www.google.de/?gws_rd=ssl”，因为它将“X-Frame-Options”设置为“SAMEORIGIN”。