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

[SophiaH (Sophia)]

學 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
→ KawasumiMai: 你要串聯的意思是同時執行還是順序執行？
→ KawasumiMai: .fadeIn().fadeout()  這樣是順序執行
推 CrazyAngel: A是hoverin的時候fadein，hoverout的時候delayfadeout
→ CrazyAngel: B是hoverin或hoverout都fadein defay fadeout
→ SophiaH: 請問K大的意思是, 同時執行時才能將code串聯是嗎 ? Thks
→ SophiaH: 是嗎 ?! 那麼能不能將這些方法串聯表示呢 ?
→ SophiaH: 給C大的第一句沒發成功, 也謝謝C大,但看不太懂..意思是說
→ SophiaH: "都fadein defay fadeout" 這種行為也可成立
→ KawasumiMai: 不懂，這兩個範例都用線上測試測試過了，可以執行
→ KawasumiMai: 只是造成的效果不同，同C大說的那樣
→ KawasumiMai: 串聯本來就不是同時是順序，只是看不太懂你想要怎樣
→ KawasumiMai: 的效果。
→ KawasumiMai: A跟B的效果不一樣，並不是純縮減的差異，然後一樣
→ KawasumiMai: ready內more執行hide，tip掛hover，沒道理B一開始沒
→ KawasumiMai: hide成功啊
→ SophiaH: to K大, 我的意思是能否將 A的code 縮寫成 B那樣而有一樣
→ SophiaH: 的效果, 原以為是不行..因為我縮寫成B 卻沒任何效果出來
→ KawasumiMai: 就...hove兩個參數，一個In，一個Out
→ KawasumiMai: 你A要轉B只能串後兩個不能串fadeIn吧？
→ KawasumiMai: ( func(){fadeIn()} , func(){delay().fadeOut()}  )
→ KawasumiMai: 串起來就全部變成In的部分了，沒有Out的部分
→ SophiaH: 感謝 K大解說, 我再試做想想
→ ChiuTW: .hover(x,y) 跟 .hover(x) 不一樣