Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/469.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 未在Semplice上加载脚本_Javascript_Jquery_Wordpress - Fatal编程技术网

Javascript 未在Semplice上加载脚本

Javascript 未在Semplice上加载脚本,javascript,jquery,wordpress,Javascript,Jquery,Wordpress,我的Semplice公文包中有一些javascript 脚本用于使徽标在滚动时旋转。它从不在第一次加载时工作,但总是在页面刷新时工作 我的一位同事说我需要考虑添加一个标签,比如 “$(文档).ready()” 但我是个真正的傻瓜,我不知道该怎么做 javascript非常简单 var logo = document.querySelector('.logo img'); logo.style.transformOrigin = 'center center'; window.addEventL

我的Semplice公文包中有一些javascript

脚本用于使徽标在滚动时旋转。它从不在第一次加载时工作,但总是在页面刷新时工作

我的一位同事说我需要考虑添加一个标签,比如 “$(文档).ready()” 但我是个真正的傻瓜,我不知道该怎么做

javascript非常简单

var logo = document.querySelector('.logo img');
logo.style.transformOrigin = 'center center';
window.addEventListener('scroll', function() {
logo.style.transform = 'rotate('+(window.scrollY*0.3)+'deg)';
});
有人能帮忙吗

我也不能让它在我的主页上工作,但我认为这可能是卷轴劫持的问题


谢谢

根据加载顺序,您可能需要等待DOM加载完毕,因为在执行时,您的元素可能还不存在

// wait until DOM has been loaded
document.addEventListener("DOMContentLoaded", function() {
    var logo = document.querySelector('.logo img');
    logo.style.transformOrigin = 'center center';

    window.addEventListener('scroll', function() {
        logo.style.transform = 'rotate('+(window.scrollY*0.3)+'deg)';
    });
});

嗯,似乎没有效果。在我刷新之前,徽标实际上不会清晰可见。@KevCharlton代码在我的机器上运行。也许你需要做一个硬刷新来清除缓存。我已经尝试过了,它似乎只有在刷新缓存时才起作用page@KevCharlton在这种情况下,您必须更具体地说明问题所在。devtools中是否显示任何错误消息?