读书人

问个js做选项卡的有关问题

发布时间: 2012-10-09 10:21:45 作者: rapoo

问个js做选项卡的问题
for(var i=0;i<menu_li.length;i++){
menu_li[i].onclick = function(){
for(i=0;i<menu_li.length;i++){
menu_li[i].className = '';
c_li[i].className = '';
}
this.className = 'tabFocus';
alert(i); //为什么这里的i一直是4//c_li[i].className = 'conFocus';
}
}

要做个js选项卡的功能,alert(i); //为什么这里的i一直是4???
不是应该点击不同的li 依次显示出 0 1 2 3 4 这样吗。。。。

[解决办法]

JScript code
<script>  //闭包问题for(var i=0;i<menu_li.length;i++){    (function (n){        menu_li[n].onclick = function(){        for(var i=0;i<menu_li.length;i++){        //必须用 var i 不能访问上级的i            menu_li[i].className = '';            c_li[i].className = '';        }        this.className = 'tabFocus';        alert(n); //现在就不会一直是4了        }    })(i);}</script>
[解决办法]
闭包
menu_li[i].index = i; // 这里指定下标 就能取了
menu_li[i].onclick = function(){
alert(this.index);
}
[解决办法]
当i=4的时候,匿名函数还没运行呢,到点击选项卡的时候,匿名函数就会沿着作用域链访问外层函数中的i,而外层函数中的i=4,若想解决这个问题,就扩展一下aler(i)所在函数的作用域链,外层加个立即执行的匿名函数,匿名函数有一个参数,用来保存变量i

读书人网 >JavaScript

热点推荐