html - CSS + JavaScript 使用循环语句为节点添加动作时出现的错误
大家讲道理
大家讲道理 2017-04-11 09:42:31
[JavaScript讨论组]

做了一个简陋的标签页,但是使用循环为每个标签头添加动作的时候,不按照我的想法工作。
原本是想在鼠标经过每个标签头的时候,下面的内容自动切换。
代码如下:



    
    tabLabel
    
    
    
    
    
    
    

  • pic_one
  • pic_two
  • pic_three

  • pic_one
  • pic_two
  • pic_three

使用alert()打印差错,发现使用循环的时候,每个节点的动作,都是

//unshowed[i].onmouseover = function() { showThis(3);};

就是说,函数体里面的循环变量i都是3,而不是0,1,2。
我的问题就是,为什么循环变量一直是3,而不是0,1,2。
所以我怀疑是自己的js语法没学好,请各位指点,谢谢!

大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

全部回复(2)
阿神

https://segmentfault.com/q/1010000004952017/a-1020000004952200
参考这个问题

巴扎黑
for(var i = 0; i < unshowed.length; i++) {
    (function(i) {
        unshowed[i].onmouseover = function() {showThis(i);};
    })(i);
}
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号