首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Blur.js与WordPress -排队,但服务器找不到文件

问Blur.js与WordPress -排队,但服务器找不到文件
EN

WordPress Development用户
提问于 2014-02-25 08:53:51
回答 1查看 637关注 0票数 0

因此,正如标题所示,我试图在我的blur.js主题上运行WordPress。我在functions.php中对脚本进行了排队:

代码语言:javascript
复制
    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函数:

代码语言:javascript
复制
<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都不起作用。禁用插件也没有效果。我还检查了文件权限,并正确设置了这些权限。

EN

回答 1

WordPress Development用户

发布于 2015-09-30 14:57:58

Blur.js的工作方式是获取背景图像,复制它,模糊它,并将结果叠加到您指定的div中。这对图像很好,因为创建了一个副本,并且将模糊效果应用于副本。

我认为你是在尝试使用视频背景,并将模糊的div放在顶部?

404错误是因为blur.js找不到要复制的原始图像;它是视频而不是静止图像。因此,它不能复制到模糊并放入div,因此您指定的div仍然是空的。

票数 0
EN
页面原文内容由WordPress Development提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://wordpress.stackexchange.com/questions/135869

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档