带有WordPress的Blur.js-已入队,但服务器找不到文件

时间:2014-02-25 作者:CyanCorsair

因此,正如标题所示,我正在尝试运行blur。关于我的WordPress主题的js。我已将脚本排入函数队列。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在此之前加载。在标题中。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\\u head()之后调用;。

这些文件肯定在服务器上,在我的主题/js文件夹中。控制台中的错误是:“加载资源失败:服务器响应状态为404(未找到)”

之前,我通过标题中的标记调用said脚本,它能够找到文件,但它一直在模糊中抛出错误。尽管jQUery UI脚本在我的主题上工作得很好,但它无法找到变量“jQUery”。

编辑:两个脚本现在都添加了数组(\'jquery\')依赖项,但仍然没有骰子。我已经通过浏览器检查了文件源,并对所有文件夹目标进行了三次检查-所有内容都以a-ok方式签出。顺便说一句,我的jQUery UI脚本工作得很好,但既不模糊也不模糊。js或flexcroll。js工作。禁用插件也没有效果。我还检查了文件权限,这些权限设置正确。

2 个回复
SO网友:NextGenThemes

首先三次检查文件名和路径名是否有拼写错误?ver=3.8.1. 你的浏览器里也有404吗

我还注意到,在将jquery绑定到的脚本中$ 然后调用选择器jQuery 再一次

jQuery(document).ready(function($){
    jQuery(".head").blurjs({
您可以更换jQuery 在第二行中$. 我不太喜欢jQuery,但这可能会解决您之前提到的错误。

另外,您的两个脚本都没有将jQuery作为依赖项,您的启用脚本使用jQuery作为putarray( \'jquery\') 作为对您的依赖wp_enqeue_script jquery的调用和检查在head. 即使其他脚本正在加载jQuery,我也会这样做。

//如果你安装了Adblock,我曾经有过类似的东西,几个小时后我发现Adblock阻止了一个与社交图标有关的脚本,我启用了反社会过滤器列表^^

SO网友:albi

Blur.js 通过获取背景图像、复制它、模糊它并将结果覆盖到div 您可以指定。这可以很好地处理图像,因为创建了副本并将模糊效果应用于副本。

我想你是想用一个视频背景,把一个模糊的div 在上面?

404错误是因为blur.js 找不到要复制的原始图像;这是一段视频,不是静止图像。因此,它无法复制以模糊并放入div, 所以你的提名div 保持为空。

结束