为什么blur.js试图访问文件"none"？

Question

我正在尝试使用blur.js在我的网站上创建模糊效果,以便您可以看到内容背后的网站背景.但是,它似乎试图访问名为"无"的图像.

以下是chrome javascript日志的输出:

$('#container').blurjs({source: 'body',radius: 10});
[
<div id=?"container">?…
]
GET http://rymate.x10.mx/test/none 404 (Not Found) blur.min.js:285
(anonymous function) blur.min.js:285
jQuery.extend.each jquery-1.7.1.js:658
jQuery.fn.jQuery.each jquery-1.7.1.js:271
$.fn.blurjs blur.min.js:199
(anonymous function)
InjectedScript._evaluateOn
InjectedScript._evaluateAndWrap
InjectedScript.evaluate

我的代码在https://gist.github.com/rymate1234/6162990以及http://rymate.x10.mx/test/上在线.

任何帮助将不胜感激.

Answer 1

这是插件中的一个错误,它假定您传递给插件的元素具有有效的URL作为源.

这可能是一个合理的假设,但它不能处理源元素中没有背景图像的情况,即浏览器报告时的情况"none".

如果你关心插件,你应该报告它,因为它是服务器上不需要的和无用的负载.

无论如何,你也应该正确使用插件,你想要的是:

source: '#page'

但是,源图像必须由您托管,而不是onlinedesign4uu.co.uk因为跨源图像不起作用.