2017-02-12 51 views
1

我想使用jBox(Stephan Wagner),但我無法讓我的模態窗口顯示一個網頁。任何人都可以看到我出錯的地方。jBox不返回內容

$(document).ready(function() { 

new jBox('Modal', { 
width: 900, 
height: 550, 
url: 'http://www.google.com', 
}, 
reload: 'strict' 
}).open(); 

}); 

非常感謝您的時間。

回答

1

查看Ajax選項,當你在Ajax對象使用你的代碼應該只是罰款:https://stephanwagner.me/jBox/options#ajax

而且,你只能使用具備訪問控制首集的網頁,看看這個撥弄更新代碼:https://jsfiddle.net/StephanWagner/7hh5a6oc/

new jBox('Modal', { 
    width: 900, 
    height: 550, 
    ajax: { 
    url: '//www.google.com', 
    reload: 'strict' 
    } 
}).open(); 

跟隨誤差上來了:"XMLHttpRequest cannot load https://www.google.com/. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'https://fiddle.jshell.net' is therefore not allowed access."

所以基本上,網頁不喜歡被來源不明的加載。它被允許時,您可以隨時加載通過AJAX的內容,請參見本撥弄它採用ajaxresponse.com:https://jsfiddle.net/StephanWagner/569y8wcp/

您也可以嘗試使用iframe,也看到這個小提琴有關:https://jsfiddle.net/StephanWagner/569y8wcp/2/(我們添加一個iframe與網頁的一次jBox被創建)。但同樣,它只適用於網頁允許從外部來源加載(如我的網頁:https://jsfiddle.net/StephanWagner/569y8wcp/3/

+0

嗨有沒有辦法讓你的示例代碼在「https://jsfiddle.net/StephanWagner/569y8wcp/ 3 /「點擊鏈接時觸發。再次,非常感謝您的幫助。我正在學。 – DCJones

+0

全部排序,謝謝 – DCJones