Javascript JS不工作（未捕获的TypeError:无法读取null的属性“querySelectorAll”）

我正在用WordPress开发一个网站，我已经修改了codepen创建的代码，以便在网站上实现它

var slideshow=document.querySelector“[data slideshow]” 幻灯片=幻灯片放映。查询选择全部“[数据幻灯片]” 对于j=0；j=0{ 计数- } } 如果方向==“下一步”{ document.querySelector'[data slideshow][data slideshow='+count+']''。style.left='-100vw' 如果document.querySelector'[data slideshow][data slide='+count+1+']{ document.querySelector'[data slideshow][data slideshow='+count+1+']'。style.left='0' } 如果document.querySelector'[data slideshow][data slide='+count+2+']{ document.querySelector'[data slideshow][data slide='+count+2+']'。style.left='100vw' 计数++ } } } //导航的箭头键 document.onkeyup=函数e{ e、 防止违约 var charCode=e.which； charCode==37&&move'prev' charCode==39&移动“下一步” } //滑动导航 变量手势={ x:[]， y:[]， 匹配： }, 公差=100； window.addEventListener'touchstart'，函数e{ e、 防止违约

---

对于var i=0；i代码的第一个问题是，js在呈现html之前工作，这意味着任何试图从html获取值的操作都将返回未定义的null

首先，您需要在footer中运行脚本，或者像这样包装脚本，因为您使用的是wordpress，所以默认情况下将加载jquery库

jQuerydocument.readyfunction{ //你的代码写在这里

---

}

当您试图在没有任何代码的情况下发布此问题时，您收到的信息非常清楚。请不要将胡言乱语标记为代码来解决此问题。您问题的全部内容必须在您的问题中，而不仅仅是链接。链接会腐烂，使问题及其答案对将来的人毫无用处，人们不必去ff站点帮助您。在问题中添加一个，理想情况下使用堆栈片段工具栏按钮使其可运行。谢谢您，我无法这样做，所以我尝试避免它。使用您的指南链接，我现在这样做应该可以。现在的问题是，更改页面的幻灯片选项会导致chrome错误：[干预]由于目标被视为被动的，因此无法在被动事件侦听器中防止默认：您是否在Chrome的响应模式下收到该警告？