課程
/前端開發
/JavaScript
/Tab選項卡切換效果
各位大神，我初學這個，想要了解each()實現切換效果的，希望有具體的代碼，讓我實踐一下
2015-08-06
源自：Tab選項卡切換效果 1-5
正在回答
$(function(){
? ? var P=$('p');//不是真正的數組
? ? var UL=$("ul");
? ? var pp = Array.prototype.slice.call(P,0);//轉換成數組
? ? var active = 0;//全局變量
? ? pp.forEach(function(data,index,array){
? ? ? data.onclick = function(){
? ? ? ? $(UL[index]).slideDown();
? ? ? ? if(index !== active) {
? ? ? ? ? $(UL[active]).slideUp();
? ? ? ? }
? ? ? ? active = index;//記錄上次點擊過的元素的下標
? ? ? };
? ? })
? });
你看看forEach行不行，可能不是很準確，但是能用。
cc_smile 提問者
舉報
本課程詳細介紹網頁頁面中最流行常用的tab切換效果
3 回答關于jquery里用each()實現切換效果的問題
2 回答選項卡切換效果如何用jQuery實現，使用each函數？
3 回答jQuery代碼 完美實現效果！
1 回答運行時沒有切換效果
2 回答Tab選項卡切換 延遲效果
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-03-04
$(function(){
? ? var P=$('p');//不是真正的數組
? ? var UL=$("ul");
? ? var pp = Array.prototype.slice.call(P,0);//轉換成數組
? ? var active = 0;//全局變量
? ? pp.forEach(function(data,index,array){
? ? ? data.onclick = function(){
? ? ? ? $(UL[index]).slideDown();
? ? ? ? if(index !== active) {
? ? ? ? ? $(UL[active]).slideUp();
? ? ? ? }
? ? ? ? active = index;//記錄上次點擊過的元素的下標
? ? ? };
? ? })
? });
你看看forEach行不行，可能不是很準確，但是能用。