javascript - 点击激活样式
PHP中文网
PHP中文网 2017-04-10 15:14:21
0
4
437

导航上有一系列链接区域,我想实现点击某链接是=时,该区域背景颜色及文字颜色改变,而其兄弟节点,即同级的链接区域恢复默认样式,用原生的javascript.我写出的代码没法让改变了的样式恢复,诚求解!!!

PHP中文网
PHP中文网

认证高级PHP讲师

全員に返信(4)
阿神

当click函数执行时,i=menu.length,而不是你期望的~~~
使用闭包,保持你期望的i值
....

menu[i].onClick=(funcion(i){
    return function(i){
        //your codes
    }
}(i));

....
或则使用jQuery delegate方法

いいねを押す +0
大家讲道理
var menu =document.getElementById("main-menu").childNodes;
for(var i=0;i<menu.length;i++){
  (function(arg){
        menu[i].onclick=function(arg){
             //你得代碼
        }
    })(i)
}

閉包問題
此方案和二樓方案一樣

いいねを押す +0
巴扎黑

不是用了 angular 吗?为啥不用 ng-class

いいねを押す +0
黄舟

典型的闭包问题,亲

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!