Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/90.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jquery:如果从按钮调用toggle()或fadeIn()动画,如何防止jquery出现故障?_Jquery_Html - Fatal编程技术网

jquery:如果从按钮调用toggle()或fadeIn()动画,如何防止jquery出现故障?

jquery:如果从按钮调用toggle()或fadeIn()动画,如何防止jquery出现故障?,jquery,html,Jquery,Html,我制作了一个带有按钮的菜单,在页面中加载带有fadeIn()反动画的页面。如果我更改切换(“滑动”)的FadeIn(),它也无法正常工作 当我对按钮发送垃圾邮件时,页面将只加载一半或故障(加载的页面为0.5透明),如何防止垃圾邮件或故障的发生 代码 jquery </script> <script type="text/javascript"> $(function(){ $('#nav a').click(function(e) { $('

我制作了一个带有按钮的菜单,在页面中加载带有fadeIn()反动画的页面。如果我更改切换(“滑动”)的FadeIn(),它也无法正常工作

当我对按钮发送垃圾邮件时,页面将只加载一半或故障(加载的页面为0.5透明),如何防止垃圾邮件或故障的发生

代码 jquery

</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
    })
})