点击箭头不动,请问是为什么?

来源:3-1 箭头切换

葡萄3

2017-07-30 13:00

RT ,我已经在js代码中拿到了两个箭头,形成oPrev 和 oNext两个变量· 

不过· 给变量绑定onclick事件,却无法执行,也没有报错· 不知道怎么·  我的html代码中lish已经加了一个style:left:-600px的样式· ;

window.onload = function(){
  var container = document.getElementById('container');
  var list = document.getElementById('list');
  var buttons = document.getElementById('buttons').getElementsByTagName('span');
  var oPrev = document.getElementById('arrow').getElementsByClassName('prev');
  var oNext = document.getElementById('arrow').getElementsByClassName('next');


  oNext.onclick = function(){
    list.style.left = parseInt(list.style.left) - 600 + 'px';
  }
}


写回答 关注

3回答

  • qq_对着墙角画圈圈__0
    2018-09-19 21:03:57

    我把style="left:-600px;"本来是写在style标签中的,后来挪到list标签后面才行,请问有啥区别吗,不一样吗

  • Arya_Stark
    2017-07-30 18:46:49

    console.log(list.style.left);

    不行就在oNext.onclick内部console.log(123);可以的话在内部console.log(list.style.left);

    before...

    抱歉,是我弄错了,我注释了console发现也没问题,主要问题还是我没有初始化list的left,抱歉,请无视上一条回复

    2017-08-13 13:29:09

    共 2 条回复 >

  • Arya_Stark
    2017-07-30 16:10:12

    style="left:-600px

    葡萄3

    嗯嗯· html里面是那样子写的· · 我可以在js中log出 相关的按钮· 比如 console.log(oNext) ` 是有结果的· 不过 给它加上点击事件却没有效果·

    2017-07-30 18:33:48

    共 1 条回复 >

焦点图轮播特效

通过本教程学习您将能掌握非常实用的焦点图轮播特效的制作过程

65235 学习 · 611 问题

查看课程

相似问题