Question

我正在尝试使用jBox（由Stephan Wagner提供）但我无法使用我的模态窗口来显示网页。任何人都可以看到我出错的地方。

$(document).ready(function() {

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

});

非常感谢你的时间。

Answer 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/（我们在创建jBox后添加一个带有网页的iframe）。但同样，它只适用于允许从外部来源加载网页（如我的网页：https://jsfiddle.net/StephanWagner/569y8wcp/3/）

jBox没有返回内容

1 个答案: