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

看板Ajax作者 (Sophia)時間9年前 (2015/03/11 17:27), 編輯推噓1(1022)
留言23則, 4人參與, 最新討論串1/1
學 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://www.ptt.cc/bbs/Ajax/M.1426066038.A.B0D.html

03/11 17:42, , 1F
你要串聯的意思是同時執行還是順序執行?
03/11 17:42, 1F

03/11 17:43, , 2F
.fadeIn().fadeout() 這樣是順序執行
03/11 17:43, 2F

03/11 17:50, , 3F
A是hoverin的時候fadein,hoverout的時候delayfadeout
03/11 17:50, 3F

03/11 17:51, , 4F
B是hoverin或hoverout都fadein defay fadeout
03/11 17:51, 4F

03/12 13:05, , 5F
請問K大的意思是, 同時執行時才能將code串聯是嗎 ? Thks
03/12 13:05, 5F

03/12 13:08, , 6F
是嗎 ?! 那麼能不能將這些方法串聯表示呢 ?
03/12 13:08, 6F

03/12 13:09, , 7F
給C大的第一句沒發成功, 也謝謝C大,但看不太懂..意思是說
03/12 13:09, 7F

03/12 13:10, , 8F
"都fadein defay fadeout" 這種行為也可成立
03/12 13:10, 8F

03/12 16:14, , 9F
不懂,這兩個範例都用線上測試測試過了,可以執行
03/12 16:14, 9F

03/12 16:14, , 10F
只是造成的效果不同,同C大說的那樣
03/12 16:14, 10F

03/12 16:14, , 11F
串聯本來就不是同時是順序,只是看不太懂你想要怎樣
03/12 16:14, 11F

03/12 16:15, , 12F
的效果。
03/12 16:15, 12F

03/12 16:16, , 13F
A跟B的效果不一樣,並不是純縮減的差異,然後一樣
03/12 16:16, 13F

03/12 16:16, , 14F
ready內more執行hide,tip掛hover,沒道理B一開始沒
03/12 16:16, 14F

03/12 16:16, , 15F
hide成功啊
03/12 16:16, 15F

03/13 16:15, , 16F
to K大, 我的意思是能否將 A的code 縮寫成 B那樣而有一樣
03/13 16:15, 16F

03/13 16:16, , 17F
的效果, 原以為是不行..因為我縮寫成B 卻沒任何效果出來
03/13 16:16, 17F

03/13 18:23, , 18F
就...hove兩個參數,一個In,一個Out
03/13 18:23, 18F

03/13 18:24, , 19F
你A要轉B只能串後兩個不能串fadeIn吧?
03/13 18:24, 19F

03/13 18:25, , 20F
( func(){fadeIn()} , func(){delay().fadeOut()} )
03/13 18:25, 20F

03/13 18:25, , 21F
串起來就全部變成In的部分了,沒有Out的部分
03/13 18:25, 21F

03/14 15:29, , 22F
感謝 K大解說, 我再試做想想
03/14 15:29, 22F

04/19 02:43, , 23F
.hover(x,y) 跟 .hover(x) 不一樣
04/19 02:43, 23F
文章代碼(AID): #1L00fsiD (Ajax)