Question

我正在练习JS做项目并遇到问题（再次）。就在前面，解释我想要的东西。我有顶级按钮和国家名称，点击图片就会淡入一个容器中。它从第1行的第一个阵列获取图片。这一切都很好。然而... 当该容器可见时，我想在右侧的“下一步”按钮上单击一个处理程序。此处理程序是一个函数（第29-42行），它通过更改不透明度和旋转值来设置第二个div（.containsNext）的动画。此函数还调用另一个函数（接下来，这应该使用新数组中的pics更改目标div背景）并具有if else语句。 if条件按预期工作。即使我取出嵌套的next()函数，else条件也不会运行。

我认为下一个函数的错误（控制台没有返回一个）是第15行和第16行，我知道这些行看起来很“有趣”： - ）

包装函数中的if语句也不起作用。

如何解决这个问题？请务必选择法国，意大利或克罗地亚按钮，否则下一个按钮根本不会响应（不知道为什么）。另外还有一个问题，为下一个按钮选择/触发的所有国家阵列存储照片的经济方式是什么？另外如何根据顶部按钮国家选择实现适当的国家阵列？

谢谢你们

function
   var imgLenght = 3;
   var currentImg = 1;
   function next() {
      var imgContainer = document.querySelector(".containsNext");
   if(currentImg > 0)
       {
       imgContainer.style.background = "url(" + "im[currentImg-1]" + ")";
       currentImg = currentImg - 1;
       }
   }

笔的链接：

http://codepen.io/damianocel/pen/gPggLB

Answer 1

正确使用嵌套引号：

  imgContainer.style.background = 'url("' + im[currentImg-1] + '")';

嵌套函数和其他条件不起作用

1 个答案: