討論區列表 >> AJAX / JSON / jQuery >> jQuery switch case
[]
[我要回覆]
1
|
|||||
|
|||||
樓主 肉肉 
 發送站內信 |
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簡化為行數較少，請問我該怎麼做???? |
||||
55
7
136
19
| 1樓 |
無法吧，因為幾乎每個class以及id名稱，都對應到不同的效果
本篇文章回覆於2016-03-21 11:27
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔-- |
| 2樓
不錯的參考
 彩虹
|
但是我覺得這邊可以簡化一下
本篇文章回覆於2016-03-21 11:31
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔-- |
| 3樓
不錯的參考
 clouding 
|
嗨
有些效果一樣的可以用逗號隔開 如果沒有其他js衝突，像#2說的用$符號就可 其他如果你id跟數值有關西的 也可以用迴圈去簡化 不過有時候簡化不一定比較好 可能不簡化維護上面反而比較好觀看
本篇文章回覆於2016-03-21 13:40
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔-- |
| 4樓
最有價值解答
 浩瀚星空
|
請善用程式標簽
要簡化，得要先了解你的相對應動作為何。 一般來講，最多好的簡化動作就如#3。可以一次性宣告多個目標做同樣的動作。 但不同動作還是得要有不同的處理。這點是無法簡化的。 如果說 switch 的東西可能會有複數上的調整。 我倒是會建議你寫成function來處理。然後在switch 去對應相關的function。這樣因該可以將程式碼更簡化。 如
本篇文章回覆於2016-03-21 16:06
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔-- |
1
| 回覆 |
| 如要回應,請先登入. |
