小编use*_*480的帖子

element.querySelector(".exampleClass")不是函数

我正在尝试构建响应式轮播,并在以下代码中收到错误.我尝试过使用JQuery,其他选择方法,但它们都返回相同的错误.

我尝试在这里选择元素,首先我访问其父元素

     var carousel = $('#carousel');
     var container = carousel.querySelector('.carousel-container');
Run Code Online (Sandbox Code Playgroud)

关于代码返回和carousel.querySelector不是函数的错误.

这会产生问题,并且还会破坏下面的调整大小功能:

  function slideTo(index){
      index = index < 0 ? totalItems -1 : index >= totalItems ? 0 : index;
      container.style = container.style.transform = 'translate(-' + (index * percent) + '%, 0)';
       currentIndex = index;
   }
Run Code Online (Sandbox Code Playgroud)

函数第三行中的Container.style返回一个ERROR,我无法在container.style上设置属性,因为它是"未定义"

我真的只需要能够将CSS"transform:translate"属性添加到容器元素中.

对于要尝试的事情我感到茫然...真的很感激一些反馈!

javascript dom css3 css-transforms responsive-design

1
推荐指数
1
解决办法
9551
查看次数