导致WordPress管理部分无法工作的滚动代码

Scrollorama code causing sections of wordpress admin not to work

本文关键字:工作 滚动 代码 WordPress 管理部 导致      更新时间:2023-09-26

我添加了一些动画脚本与 scrollorama 插件一起使用,但它导致 wordpress 管理员的某些部分不起作用,即媒体按钮不起作用,我得到的错误是类型错误:目标块在滚动中未定义.js

$.scrollorama/scrollorama.animate()
 jquery.scrollorama.js:285
<anonymous>
 custom.js:100
m.Callbacks/j()
 load-scripts.php:2
m.Callbacks/k.fireWith()
 load-scripts.php:2
.ready()
 load-scripts.php:2
J()

还有这个在我的自定义.js文件中:

var scrollorama = $.scrollorama({ blocks:'.scrollblock' });     

   for(var i=1;i<7;i++){                    
                    var title = "#bubbles"+i;
                    switch(i){
                    case 1:
                    scrollorama.animate('.bubbles.a',{ duration: 2000, property:'top', start:1050, end:-windowh});
    break;
                    }
                }

前端一切正常,但刚刚遇到此问题,当我删除我的自定义文件时.js管理员工作正常,所以我知道这是这个文件

的问题

解决了这个问题:我没有在函数中正确编写脚本.php我有:

wp_enqueue_script( 'scrollorama', get_template_directory_uri() . '/js/jquery.scrollorama.js', array( 'jquery' ));

它需要

add_action('wp_enqueue_scripts', 'load_javascript_files');
function load_javascript_files() {
wp_enqueue_script( 'scrollorama', get_template_directory_uri() . '/js/jquery.scrollorama.js', array( 'jquery' ));
}