因此,正如标题所示,我试图在我的blur.js主题上运行WordPress。我在functions.php中对脚本进行了排队:
function load_oves_methods(){
wp_enqueue_script( 'blur', get_stylesheet_directory_uri() . '/js/blur.js', array('jquery') );
wp_enqueue_script( 'flexcroll', get_stylesheet_directory_uri() . '/js/flexcroll.js', array('jquery') );
}
add_action( 'wp_enqueue_scripts', 'load_oves_methods' );在此之前加载了jQuery。在header.php文件中,我以这样的方式调用blur.js函数:
<script>
jQuery(document).ready(function($){
jQuery(".head").blurjs({
source:'body',
radius:5,
overlay:'',
offset:{
x:0,
y:0
},
optClass:'',
cache:false,
cacheKeyPrefix:'blurjs-',
draggable:false
});
});
</script>脚本是在wp_head()之后调用的。
而且所讨论的文件无疑是在服务器上,在我的主题/js文件夹中。我在控制台中遇到的错误是:“加载资源失败:服务器响应时状态为404 (未找到)”。
以前,我通过标题中的标记调用said脚本,它能够找到文件,但是它一直在blur.js中抛出错误,并且说它找不到变量" jQuery ",尽管jQuery UI脚本在我的主题上工作得很好。
编辑:这两个脚本现在都添加了数组(‘jquery’)依赖项,但仍然没有骰子。我已经通过我的浏览器检查了文件来源,并三次检查了所有的文件夹目的地-所有的检查作为一个-确定。顺便说一句,我的jQUery UI脚本工作得很好,但是blur.js和flexcroll.js都不起作用。禁用插件也没有效果。我还检查了文件权限,并正确设置了这些权限。
发布于 2015-09-30 14:57:58
Blur.js的工作方式是获取背景图像,复制它,模糊它,并将结果叠加到您指定的div中。这对图像很好,因为创建了一个副本,并且将模糊效果应用于副本。
我认为你是在尝试使用视频背景,并将模糊的div放在顶部?
404错误是因为blur.js找不到要复制的原始图像;它是视频而不是静止图像。因此,它不能复制到模糊并放入div,因此您指定的div仍然是空的。
https://wordpress.stackexchange.com/questions/135869
复制相似问题