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

时间:2017-03-28 16:08:32

标签: jquery html

我创建了一个带有按钮的菜单,这些按钮使用fadeIn()antimation加载页面中的页面。如果我改变FadeIn()进行切换(" slide")它也无法正常工作。

当我发送垃圾按钮时,页面只会加载一半或毛刺(加载的页面为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>

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> 
如果您不理解我的问题PLZ编辑或问我,有人可以帮助我。

1 个答案:

答案 0 :(得分:0)

尝试在fadeIn()前添加.stop()。

这样:

$(function(){
    $('#nav a').click(function(e) { 
          $('#content').hide().load( $(this).attr('href') , function(){
                 $('#content').stop().fadeIn();
          });
          return false
    })
})