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

這是工作外部資源的擺弄。

“真實”的問題是它不能與其他來源的鏈接一起使用。

錯誤：拒絕在框架中顯示“ https://www.google.de/?gws_rd=ssl ”，因為它將“ X-Frame-Options”設置為“ SAMEORIGIN”。