[問題] 請問淡入淡出程式碼

作者: SophiaH (Sophia)   2015-03-11 17:27:15
學 JS新手目前也自修 jQuery..
想請問一個書上範例問題, 以下範例 A 如縮減改成 B 就無效,(一進入網頁就會
顯示超連結的字, 不等 hover效果才顯示), 但書上說 jQ 支援串聯可在同一行code
新增多種方法使程式簡潔, 不知是哪裡理解有誤, 因目標都是同一選擇器, 以為
可串在一起...謝謝
範例 A
$(document).ready(function() {
$(".more").hide();
$('.tip').hover(function() {
$('.more').fadeIn('800');
}, function() {
$('.more').delay("500");
$('.more').fadeOut('800');
});
});
範例 B
$(document).ready(function() {
$(".more").hide();
$('.tip').hover(function() {
$('.more').fadeIn('800').delay("500").fadeOut('800');
});
});
作者: KawasumiMai (さあ、死ぬがいい)   2015-03-11 17:42:00
你要串聯的意思是同時執行還是順序執行?.fadeIn().fadeout() 這樣是順序執行
作者: CrazyAngel (無口系天然呆)   2015-03-11 17:50:00
A是hoverin的時候fadein,hoverout的時候delayfadeoutB是hoverin或hoverout都fadein defay fadeout
作者: SophiaH (Sophia)   2015-03-12 13:05:00
請問K大的意思是, 同時執行時才能將code串聯是嗎 ? Thks是嗎 ?! 那麼能不能將這些方法串聯表示呢 ?給C大的第一句沒發成功, 也謝謝C大,但看不太懂..意思是說"都fadein defay fadeout" 這種行為也可成立
作者: KawasumiMai (さあ、死ぬがいい)   2015-03-12 16:14:00
不懂,這兩個範例都用線上測試測試過了,可以執行只是造成的效果不同,同C大說的那樣串聯本來就不是同時是順序,只是看不太懂你想要怎樣的效果。A跟B的效果不一樣,並不是純縮減的差異,然後一樣ready內more執行hide,tip掛hover,沒道理B一開始沒hide成功啊
作者: SophiaH (Sophia)   2015-03-13 16:15:00
to K大, 我的意思是能否將 A的code 縮寫成 B那樣而有一樣的效果, 原以為是不行..因為我縮寫成B 卻沒任何效果出來
作者: KawasumiMai (さあ、死ぬがいい)   2015-03-13 18:23:00
就...hove兩個參數,一個In,一個Out你A要轉B只能串後兩個不能串fadeIn吧?( func(){fadeIn()} , func(){delay().fadeOut()} )串起來就全部變成In的部分了,沒有Out的部分
作者: SophiaH (Sophia)   2015-03-14 15:29:00
感謝 K大解說, 我再試做想想
作者: ChiuTW (Chiu)   2015-04-19 02:43:00
.hover(x,y) 跟 .hover(x) 不一樣

Links booklink

Contact Us: admin [ a t ] ucptt.com