javascript - 花式 slider 代码笔

Question

这段代码我遇到了麻烦；我想添加其他我评论过的图片，包括我的名字 但它不起作用，这是代码片段的原始链接

https://codepen.io/suez/pen/wMMgXp

这是修改后的片段 https://codepen.io/ahmedch1/pen/BXReBN我总是得到这个错误

{
  "message": "Uncaught TypeError: Cannot read property 'classList' of null",
  "filename": "https://stacksnippets.net/js",
  "lineno": 1179,
  "colno": 25
}

您可以运行上面的代码片段以获取更多详细信息提前致谢

此修改是在解决后感谢@slientw

https://codepen.io/ahmedch1/pen/BXReBN

Answer 1

在提供的示例中，脚本预期具有与幻灯片相同数量的 fnc-nav__bgs。

因此，如果您在 HTML 的第 163 行的 div.fnc-nav__bgs 中再添加 2 个 div，它会正常工作。

例子:

<div class="fnc-nav__bgs">
  <div class="fnc-nav__bg m--navbg-green m--active-nav-bg"></div>
  <div class="fnc-nav__bg m--navbg-dark"></div>
  <div class="fnc-nav__bg m--navbg-red"></div>
  <div class="fnc-nav__bg m--navbg-blue"></div>
  <div class="fnc-nav__bg m--navbg-blue"></div> <!-- Added -->
  <div class="fnc-nav__bg m--navbg-blue"></div> <!-- Added -->
</div>