jquery:如果从按钮调用toggle()或fadeIn()动画,如何防止jquery出现故障?
我制作了一个带有按钮的菜单,在页面中加载带有fadeIn()反动画的页面。如果我更改切换(“滑动”)的FadeIn(),它也无法正常工作 当我对按钮发送垃圾邮件时,页面将只加载一半或故障(加载的页面为0.5透明),如何防止垃圾邮件或故障的发生 代码 jqueryjquery:如果从按钮调用toggle()或fadeIn()动画,如何防止jquery出现故障?,jquery,html,Jquery,Html,我制作了一个带有按钮的菜单,在页面中加载带有fadeIn()反动画的页面。如果我更改切换(“滑动”)的FadeIn(),它也无法正常工作 当我对按钮发送垃圾邮件时,页面将只加载一半或故障(加载的页面为0.5透明),如何防止垃圾邮件或故障的发生 代码 jquery </script> <script type="text/javascript"> $(function(){ $('#nav a').click(function(e) { $('
</script>
<script type="text/javascript">
$(function(){
$('#nav a').click(function(e) {
$('#content').hide().load( $(this).attr('href') , function(){
$('#content').fadeIn();
});
return false
})
})
</script>
$(函数(){
$(#导航a')。单击(函数(e){
$('#content').hide().load($(this.attr('href'),function(){
$('#content').fadeIn();
});
返回错误
})
})
Html代码菜单
<div id="nav"class="menu">
<ul >
<li ><a href="test0" >Home</a></li>
<li ><a href="test1.php">times</a></li>
<li ><a href="test2.php">Contact</a></li>
<li ><a href="producten.php">Products</a></li>
<li ><a href="test3">About</a></li>
</ul>
</div>
Html div#content
<div id="content"></div>
阅读tnx希望有人能帮助我,如果你不理解我的问题,请编辑或问我。尝试在你的fadeIn()前面添加一个.stop()
因此:
是的,但是你也可以试试。停下来(真的,真的);$(function(){$('#nav a')。单击(function(e){$('#content').hide().load($(this.attr('href'),function(){$('#content')。stop(true,true.fadeIn();});返回false})这不起作用,你必须有别的事情发生。它加载你的数据和淡入淡出的权利,它只是当你点击了很多动画变得混乱?这是我正在使用的代码,它正在淡入淡出。jQuery(function(){jQuery('#nav a')。单击(function(e){jQuery('#content')。隐藏(function(){jQuery('#content').stop().fadeIn();});返回false});现在,我确实去掉了加载功能,因为我认为它工作得很好,不需要它。
$(function(){
$('#nav a').click(function(e) {
$('#content').hide().load( $(this).attr('href') , function(){
$('#content').stop().fadeIn();
});
return false
})
})