作者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/cn.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