满足条件时禁用动画 jQuery
Disable animate when condition is met jQuery
这可能是一个简单的问题,也许我在这里遗漏了一些东西。
所需的效果是当用户单击.left
或.right
href 标签时,.tabs
滚动器每次都会向左或向右滚动105px
。 这部分正在工作。
我遇到障碍的地方是如何在.tabs
div 的 css 位于div 的0px
或末尾时禁用动画效果。 这似乎可以通过offset
或position
轻松完成,但两者都给了我不同的价值。 我相信这是因为 .tabs
div 实际上是使用 magin: 0 auto
居中。
试图检索css("left")
并编写有条件的if == 0
语句也是失败的。
我在这里错过了什么吗? 我不应该尝试根据位置禁用left
按钮吗? 有没有更简单的方法可以做到这一点?
$(".right").click(function () {
$(".tabs").animate({
left: '-=105'
}, 500);
return false;
});
$(".left").click(function () {
$(".tabs").animate({
left: '+=105'
}, 500);
return false;
});
根据他问题中的评论,
$(".tabs").css('left')
返回px
中的值
所以,为了比较,要么你这样做
$(".tabs").css('left') === '0px'
或
parseInt($(".tabs").css('left')) === 0
相关文章:
- 如何简化动画jQuery代码
- 如何禁用可排序动画 Jquery
- 离开页面前的动画JQuery
- 动画Jquery弹出菜单
- 设置元素动画jquery
- 如何自动动画jquery画廊
- 缩放/动画 jQuery 拖放到可拖放时可拖动
- 卡片动画Jquery和CSS
- 拆分襟翼文本动画 Jquery
- 满足条件时禁用动画 jQuery
- 传递参数以动画 jquery 函数
- 延迟和动画 jQuery
- 获取动画 jQuery Java 脚本中行进的像素数
- 重新启动动画jquery和javascript
- 为什么这个脚本在页面加载后3秒没有动画(jquery)
- 菜单图标动画jQuery
- 制作无限动画jQuery
- 将延迟应用于动画jquery
- 添加滑动回调动画Jquery
- 使用动画 jquery 更改文本