如何解决简单的jQuery动画不起作用
| 谁能帮我解决这个问题,我想念什么?<script type=\"text/javascript\">
$(\'#loginButton\').click(function() {
$(\'#toplogin\').animate({
height: \'0px\'
});
});
</script>
onClick
甚至没有执行!
我要处理onClick
事件的div在这里:
<div id=\"loginButton\"><a href=\"#\" title=\"login\">Login »</a></div>
我希望动画影响的div在这里:
div id=\"toplogin\"> <!-- more stuff --> </div>
解决方法
尝试这个:
$(\'#loginButton\').click(function() {
$(\'#toplogin\').animate({
height: 0
},function() {
$(this).css(\'display\',\'none\');
});
});
, 删除ѭ6之后的分号以使您的JavaScript有效。
<script type=\"text/javascript\">
$(\'#loginButton\').click(function() {
$(\'#toplogin\').animate({ height:\'0px\' });
});
</script>
但是,除非将ѭ9设置为overflow:hidden
,否则元素的高度仍为0px
仍将可见。一个更简单的方法就是使用slideUp()
。
<script type=\"text/javascript\">
$(\'#loginButton\').click(function(){ $(\'#toplogin\').slideUp(); });
</script>
, 您应该将代码包装在以下构造中,以使其作为jQuery代码有效:
$(document).ready(function(){
your code;
})
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。