2012-01-13 61 views
0

我修改了w3schools的代码 - Hide paragraph以包含显示按钮,需要6秒才能显示文本。文本隐藏后大约需要3秒钟才能重新显示,是否有这个原因?这是我修改后的代码(仅此代码复制粘贴到W3Schools的“隐藏段落” URL):隐藏后文字显示缓慢

<html> 
<head> 
<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
    $("#hide").click(function(){ 
    $("p").hide(3000); 
    }); 
    $("#show").click(function(){ 
    $("p").show(6000); 
    }); 
}); 
</script> 
</head> 
<body> 
<button id = "hide">Hide</button> 
<button id = "show">Show</button> 
<p>This is a paragraph with little content.</p> 
<p>This is another small paragraph.</p> 
</body> 
</html> 
+0

工作正常,我。 http://jsfiddle.net/vWLv3/ – 2012-01-13 14:24:37

+1

我认为这个问题是关于为什么需要这么长时间才能显示。 – hvgotcodes 2012-01-13 14:30:35

回答

1

我认为这与您使用的宽松有关。尝试

$(document).ready(function(){ 
    $("#hide").click(function(){ 
    $("p").hide(3000); 
    }); 
    $("#show").click(function(){ 
    $("p").show(6000, 'linear'); 
    }); 
}); 

小提琴这里http://jsfiddle.net/HhubD/

正如你可以在doc显示阅读()有一个宽松的参数

.show([duration] [, easing] [, callback]) 

在jQuery 1.4.3中,可选的串命名的缓动功能可能使用 。缓动函数指定动画在动画中不同点处进展的速度。 jQuery库中唯一的缓动 实现是默认的,名为swing, ,以及一个以恒定速度前进的名为linear的进程。更多的缓动 功能可以使用插件,最显着的是 jQuery UI套件。

可能就是“摇摆”宽松至极是默认的是在开始缓慢,然后加快

-1

这是因为30006000参数给hideshow参数。那些告诉方法动画应该持续多久。尝试降低值; 1000 = 1秒。

+1

那不是他的问题的答案。他将6000设置为show方式,他问为什么需要3秒才能再次显示! – 2012-01-13 14:32:31

+0

@EvilP这是缓解使得功能开始缓慢 – 2012-01-13 14:51:11

+0

滥用我你想说什么? – 2012-01-13 14:55:06