作者wa007123456 (大笨羊)
看板Ajax
标题[问题] jQuery的toggle
时间Wed Aug 7 17:40:50 2013
先贴程式码(jQuery 1.6.3)
浏览器:IE8 和 Chrome
=================================
<script>
$(document).ready(function () {
$('
#MyToggle').toggle(
function () {
$(this).next('#word').fadeIn();
},
function () {
$(this).next('#word').fadeOut();
});
});
</script>
================================
小弟是个新手
今天测试了一整个下午
有关toggle事件的应用
本来一开始 我发现选取物件後
在使用toggle 会让物件被隐藏
经过不断测试 发现是css的问题
"一开始" 就要把使用toggle(也就是id是MyToggle的物件)
的Display设成none (这点也让我觉得满奇妙的)
但是奇怪的事情还是一直发生
在载入网页後 我连点击都还没使用
他就自动fadeOut了
而且再度点击MyToggle物件 也不会fadeIn回来
本来想说可能是event bubbling
也用了stopPropagation()
但是依旧无法成功的使用toggle
上网Google的方法都不能成功...
请板上的大大帮助我 我会非常感谢的...
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 211.21.120.97
1F：推 lyforever:toggle要知道之前的state,不然怎麽知道是隐藏还是显示 08/07 17:45
2F：→ lyforever:所以可以先用show()或hide()或者改css 08/07 17:45
3F：→ wa007123456:原来是这样! 但是我点击他还是没用耶.. 08/07 17:46
4F：→ wa007123456:我有加 $('#word').hide(); 在前面了..但是还是不行 08/07 17:52
5F：→ wa007123456:MyToggle也设定好了css 08/07 17:52
※ 编辑: wa007123456 来自: 211.21.120.97 (08/07 17:55)
6F：→ wa007123456:还是改用fadeToggle()好了... 08/07 18:12
7F：推 akiratw:toggle(function,function,...) 在 jQuery 1.9 已经废止了 08/07 18:53
8F：→ wa007123456:楼上 我用的是1.6... 08/07 20:32
9F：→ wa007123456:我是下载旧版的0.0 08/07 20:34
10F：→ lyforever:sorry, 我也很久没用jQuery orz..说错见谅 08/08 00:00
11F：→ Madevil:event 相关的定义还是乖乖用 .bind 吧, 要不然常常会被当 08/08 00:15
12F：→ Madevil:成直接 trigger event 08/08 00:16
13F：→ abgne:弄个范例在 jsfiddle 上, 这样比较方便帮你除错 08/08 12:47