jBox 不返回内容

Question

我正在尝试使用 jBox（由 Stephan Wagner 设计），但我无法让我的模态 window 显示网页。谁能看出我哪里错了。

$(document).ready(function() {

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

});

非常感谢您的宝贵时间。

Answer 1

查看 ajax 选项，您的代码在 ajax object 中使用时应该可以正常工作：https://stephanwagner.me/jBox/options#ajax

此外，您只能使用设置了访问控制 header 的网页，请使用更新后的代码检查此 fiddle：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 的 fiddle：https://jsfiddle.net/StephanWagner/569y8wcp/

您也可以尝试使用 iframe，请参阅此 fiddle：https://jsfiddle.net/StephanWagner/569y8wcp/2/ (We add an iframe with a webpage once the jBox is created). But again, it only works if the webpage allows to be loaded from external sources (Like my webpage: https://jsfiddle.net/StephanWagner/569y8wcp/3/)

jBox 不返回内容

jBox not returning content

jquery

jbox