jquery tab点击切换的问题
生活随笔
收集整理的這篇文章主要介紹了
jquery tab点击切换的问题
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
問題:
?
頁面結構見下
<div id="wrap"><li><a href="#" class="active">昵稱修改</a></li><li><a href="#">志愿者修改</a></li><li><a href="#">頭像修改</a></li><li><a href="#">手機修改</a></li><li><a href="#">密碼修改</a></li> </div>首先密碼修改默認有一個A樣式,剩下的樣式是一樣的。
實現的功能是,當我點擊其他幾個按鈕時,比如我點擊志愿者修改時,那么志愿者修改對應的的樣式變成了A,昵稱修改的樣式和其他未點擊的保持一致。
當時想的給每一個a標簽綁定一個事件,但這樣代碼重復的太多了。
后來因為點擊每個a標簽都會經歷一個初始化的過程,在初始化的過添加一個方法。實現點擊樣式的切換。
//具體實現 $("#wrap li a").on('click', function(){for(var i=0; i<$("#wrap li a").length; i++){$("#wrap li a").removeClass("active");}$("#wrap li a").addClass("active"); })這樣就可以很好地實現樣式的切換。
轉載于:https://www.cnblogs.com/WaTa/p/6083804.html
總結
以上是生活随笔為你收集整理的jquery tab点击切换的问题的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: nodejs 获取文件夹中所有文件、图片
- 下一篇: BSD和云 – 不可错过的BSD聚会