Jquery toggleClass toggle的类,但不会多次运行动画
Jquery toggleClass toggle's class but doesn't run animation more than once
问题是我有一个特定的链接,如果单击,我想将div向上拉到屏幕上,但能够被单击并向下拉回。问题是,它只做一次,然后就不再做了。我签入了Chrome的样式检查器,该类按预期打开和关闭,但它拒绝运行动画 我迷路了
下面是一个简短的代码示例:
$('#gallL a').unbind('click');
$('#gallL').click(function(){
var $this = $(this);
$this.toggleClass('hlinks hlinksClicked');
if($this.hasClass('hlinksClicked')) {
$(foot).animate({
'bottom': $(window).height()-60}, 900, 'easeOutBounce');
} else {
$(foot).css({'top': '0px'});
$(foot).animate({
'top': $(window).height()-60}, 900, 'easeOutBounce');
}
});
看起来很简单,但没有去:-(
您使用底部值进行一次动画处理,另一次使用顶部值进行动画处理。
相关文章:
- 动画、计时和运行循环等问题
- HTML5(Bootstrap)通过函数调用运行动画
- 为什么我的脚本正在运行动画,但没有显示它
- 画布动画似乎不会以60帧/秒的速度运行
- 仅在尚未运行jQuery UI的情况下运行动画
- Jquery toggleClass toggle的类,但不会多次运行动画
- 如何在另一个动画正在进行时延迟运行动画
- 运行动画,然后删除元素
- 如何通过Javascript运行动画
- Span元素不从jQuery运行动画
- 点击浏览器返回按钮运行动画
- 如何在每次输入变化时运行动画
- 简单的预加载器,加载所有的资源,并在显示网站和运行动画之前缓存它们
- 用Javascript运行动画后删除html标签
- 在jquery中运行动画后激活add类
- 同时运行动画不工作
- jQuery 运行动画,在文档加载时阻止默认值
- Skrollr 运行动画一次,然后停止
- 当这个动画准备好时再次运行动画
- 更好的方式来运行动画的有限循环