作者SophiaH (Sophia)
看板Ajax
標題[問題] 請問淡入淡出程式碼
時間Wed Mar 11 17:27:15 2015
學 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');
});
});
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 140.137.212.84
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Ajax/M.1426066038.A.B0D.html
1F：→ KawasumiMai: 你要串聯的意思是同時執行還是順序執行？ 03/11 17:42
2F：→ KawasumiMai: .fadeIn().fadeout() 這樣是順序執行 03/11 17:43
3F：推 CrazyAngel: A是hoverin的時候fadein，hoverout的時候delayfadeout 03/11 17:50
4F：→ CrazyAngel: B是hoverin或hoverout都fadein defay fadeout 03/11 17:51
5F：→ SophiaH: 請問K大的意思是, 同時執行時才能將code串聯是嗎 ? Thks 03/12 13:05
6F：→ SophiaH: 是嗎 ?! 那麼能不能將這些方法串聯表示呢 ? 03/12 13:08
7F：→ SophiaH: 給C大的第一句沒發成功, 也謝謝C大,但看不太懂..意思是說 03/12 13:09
8F：→ SophiaH: "都fadein defay fadeout" 這種行為也可成立 03/12 13:10
9F：→ KawasumiMai: 不懂，這兩個範例都用線上測試測試過了，可以執行 03/12 16:14
10F：→ KawasumiMai: 只是造成的效果不同，同C大說的那樣 03/12 16:14
11F：→ KawasumiMai: 串聯本來就不是同時是順序，只是看不太懂你想要怎樣 03/12 16:14
12F：→ KawasumiMai: 的效果。 03/12 16:15
13F：→ KawasumiMai: A跟B的效果不一樣，並不是純縮減的差異，然後一樣 03/12 16:16
14F：→ KawasumiMai: ready內more執行hide，tip掛hover，沒道理B一開始沒 03/12 16:16
15F：→ KawasumiMai: hide成功啊 03/12 16:16
16F：→ SophiaH: to K大, 我的意思是能否將 A的code 縮寫成 B那樣而有一樣 03/13 16:15
17F：→ SophiaH: 的效果, 原以為是不行..因為我縮寫成B 卻沒任何效果出來 03/13 16:16
18F：→ KawasumiMai: 就...hove兩個參數，一個In，一個Out 03/13 18:23
19F：→ KawasumiMai: 你A要轉B只能串後兩個不能串fadeIn吧？ 03/13 18:24
20F：→ KawasumiMai: ( func(){fadeIn()} , func(){delay().fadeOut()} ) 03/13 18:25
21F：→ KawasumiMai: 串起來就全部變成In的部分了，沒有Out的部分 03/13 18:25
22F：→ SophiaH: 感謝 K大解說, 我再試做想想 03/14 15:29
23F：→ ChiuTW: .hover(x,y) 跟 .hover(x) 不一樣 04/19 02:43