我想用彈出的插件在彈出窗口中加載一個完整的html頁面。如果我嘗試：

Edit images

$('#edit-images-btn').magnificPopup({

type: 'ajax'

});

它產生了這個：

這在圖形上非常符合我的要求，但問題是的內容直接插入到dom中，而不是放在保護性的iframe中。這不可能是好事。我想要大膽的彈出窗口為內容創建一個不可見的iframe。我在控制臺中也遇到了一些奇怪的js錯誤：

Failed to load resource: the server responded with a status of 405 (Method Not Allowed) http://maps.googleapis.com/maps/api/js?key=AIzaSyBW_Py3pNsiSifVJzqL8J28LFCQ6P1KaX0&sensor=false&libraries=places&_=1389102487002

Failed to load resource: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://127.0.0.1:8008' is therefore not allowed access. http://maps.googleapis.com/maps/api/js?key=AIzaSyBW_Py3pNsiSifVJzqL8J28LFCQ6P1KaX0&sensor=false&libraries=places&_=1389102487002

XMLHttpRequest cannot load http://maps.googleapis.com/maps/api/js?key=AIzaSyBW_Py3pNsiSifVJzqL8J28LFCQ6P1KaX0&sensor=false&libraries=places&_=1389102487002. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://127.0.0.1:8008' is therefore not allowed access.

這些錯誤可能是無效的html結構或谷歌地圖api多次包含的結果。不確定。它可能會通過iframing內容來解決。

總結

以上是生活随笔為你收集整理的html 弹出加载页面,magnific popup：将整个html页面加载到弹出窗口中的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。