$(document).ready(function(){
$(".hidebtn").click(function(){
// popalert 不加括号()
$("div").hide(1000,"linear",popalert)
});
});
function popalert(){
alert("Hide() 方法已完成!");
}
发现div多的时候隐藏后所弹出的弹窗是会因为div的数量问题而暂时无法关闭的,因为每有一个div,jquery语句就会调用一次,鉴于此处,我比较建议当div多的情况下,可以尝试将这样div嵌套起来,例如:
</span><span style="color: #000000;"></span></div><div>$<span style="color: #666600;">(</span><span style="color: #000000;">document</span><span style="color: #666600;">).</span><span style="color: #000000;">ready</span><span style="color: #666600;">(</span><span style="color: #000088;">function</span><span style="color: #666600;">(){</span><span style="color: #000000;"></span></div><div> $<span style="color: #666600;">(</span><span style="color: #008800;">".hidebtn"</span><span style="color: #666600;">).</span><span style="color: #000000;">click</span><span style="color: #666600;">(</span><span style="color: #000088;">function</span><span style="color: #666600;">(){</span><span style="color: #000000;"></span></div><div> $<span style="color: #666600;">(</span><span style="color: #008800;">"article"</span><span style="color: #666600;">).</span><span style="color: #000000;">hide</span><span style="color: #666600;">(</span><span style="color: #006666;">1000</span><span style="color: #666600;">,</span><span style="color: #008800;">"linear"</span><span style="color: #666600;">,</span><span style="color: #000088;">function</span><span style="color: #666600;">(){</span><span style="color: #000000;"></span></div><div> alert<span style="color: #666600;">(</span><span style="color: #008800;">"Hide() 方法已完成!"</span><span style="color: #666600;">);</span><span style="color: #000000;"></span></div><div> <span style="color: #666600;">});</span><span style="color: #000000;"></span></div><div> <span style="color: #666600;">});</span><span style="color: #000000;"></span></div><div><span style="color: #666600;">});</span><span style="color: #000000;"></span></div><div><span style="color: #000088;">
隐藏及设置回调函数
隐藏及设置回调函数
隐藏及设置回调函数
class="hidebtn">隐藏