彈出Magnific酒店jQuery的：阿賈克斯彈出不工作

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是工作外部資源的小提琴。

「真正」的問題是，它不適用於其他來源的鏈接。

ERROR: Refused to display ' https://www.google.de/?gws_rd=ssl ' in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'.