台灣最大程式設計社群網站
線上人數
994
 
會員總數:245219
討論主題:189091
歡迎您免費加入會員
討論區列表 >> AJAX / JSON / jQuery >> jQuery switch case
[]  
[我要回覆]
1
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
jQuery switch case
價值 : 50 QP  點閱數:938 回應數:4

樓主

肉肉
初學者
55 7
136 19
發送站內信

switch (newIndex) {
case 0 :

jQuery('#index').html(0);
jQuery('ul.list').animate({"left" : "0"},1400);
jQuery('.page1').fadeIn(2000);
jQuery('#page1_title').fadeIn(2000);
jQuery('#xunfaxiang_cloud').animate({"left":'65%'},1400);
jQuery('#xunfaxiang_cloud_s').animate({left:'52%'},2000);
jQuery('#xunfaxiang_cloud_content').animate({left:'-20%'},1400);
jQuery('#xunfaxiang_cloud_s_content').animate({left:'-10%'},2000);
jQuery('#xunfaxiang_seal2').fadeOut(500);
jQuery('#xunfaxiang_seal').fadeOut(500);
jQuery('#xunfaxiang_seal3').fadeOut(500);
jQuery('#origin').animate({'margin-top':'100%'},1400);
jQuery('#meaning').animate({'margin-top':'100%'},1400);
jQuery('#teaching').animate({'margin-top':'100%'},1400);
jQuery('#use').animate({'margin-top':'100%'},1400);
jQuery('#learning').animate({'margin-top':'100%'},1400);
jQuery('#acting').animate({'margin-top':'100%'},1400);
jQuery('.pageContent2').fadeOut(1);
jQuery('.pageContent4').fadeOut(100);
jQuery('.pageContent6').fadeOut(500);
jQuery('.pageContent5').fadeOut(500);
jQuery('.pageContent3').fadeOutji3(500);
jQuery('.pageContent7').fadeOut(500);
break;

我有一段程式,想把裡面的jQuery簡化為行數較少,請問我該怎麼做????


搜尋相關Tags的文章: [ jQuery ] , [ switch case ] ,
本篇文章發表於2016-03-21 09:52
別忘捐VP感謝幫助你的人 新手會員瞧一瞧
1樓
回應

彩虹
檢舉此回應
無法吧,因為幾乎每個class以及id名稱,都對應到不同的效果
本篇文章回覆於2016-03-21 11:27
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
2樓
不錯的參考

彩虹
檢舉此回應
但是我覺得這邊可以簡化一下
本篇文章回覆於2016-03-21 11:31
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
3樓
不錯的參考

clouding
捐贈 VP 給 clouding 檢舉此回應

有些效果一樣的可以用逗號隔開
如果沒有其他js衝突,像#2說的用$符號就可



其他如果你id跟數值有關西的
也可以用迴圈去簡化

不過有時候簡化不一定比較好
可能不簡化維護上面反而比較好觀看
本篇文章回覆於2016-03-21 13:40
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
4樓
最有價值解答

浩瀚星空
捐贈 VP 給 浩瀚星空 檢舉此回應
請善用程式標簽
要簡化,得要先了解你的相對應動作為何。

一般來講,最多好的簡化動作就如#3。可以一次性宣告多個目標做同樣的動作。
但不同動作還是得要有不同的處理。這點是無法簡化的。

如果說 switch 的東西可能會有複數上的調整。
我倒是會建議你寫成function來處理。然後在switch 去對應相關的function。這樣因該可以將程式碼更簡化。


本篇文章回覆於2016-03-21 16:06
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
   
1

回覆
如要回應,請先登入.