Jquery动画以一种方式工作,而不是另一种方式
jquery animation works one way but not the other?
我有这个过渡来滑动侧边栏菜单。它似乎只在第一次点击时工作,当它从禁用到活动。但在出来的时候,它只是跳回到原来的位置,没有过渡。有什么建议吗?
if (sideMenu.hasClass('is-disabled')) {
console.log('working 2');
sideMenu.removeClass('is-disabled');
sideMenu.addClass('is-active');
sideMenu.animate({
right: "0"
}, 1000, function() {
// Animation complete.
});
}
else if (sideMenu.hasClass('is-active')){
console.log('working 3');
sideMenu.removeClass('is-active');
sideMenu.addClass('is-disabled');
sideMenu.animate({
right: "-300px"
}, 1000, function() {
// Animation complete.
});
}
不知道如何在jsfiddle中复制,因为我是在ember.js上构建的,但这里有一个链接,这样你可以更好地看到js/css/html
https://jsfiddle.net/stmcxtL2/1/尝试添加
return false;
找到问题了。愚蠢的错误。
is-disabled类有display: none;所以它会在效果发生之前消失移除显示:none;问题解决了。
相关文章:
- 鼠标输入鼠标离开没有按照我认为应该的方式工作
- 针对移动设备的JQuery下拉列表没有以应有的方式工作
- 多行工具提示无法以编程方式工作
- 拼接没有按照我预期的方式工作
- 为什么需要 CDATA,而不是在任何地方都以相同的方式工作
- Javascript hide/show 切换在 Opera 中是双向的,但在其他浏览器中只能以一种方式工作
- 为什么这个正则表达式不能按照我想要的方式工作
- blur() 无法以编程方式工作 |但在从用户启动时会这样做
- jquery调整大小函数没有按照我期望的方式工作
- Javascript:逗号运算符,var,以及为什么它以这种方式工作
- @media查询以奇怪的方式工作
- 无法让 append() 以正确的方式工作
- AngularJS - CSS 动画只能以一种方式工作
- JavaScript parentnode.id 没有按照我预期的方式工作
- Packery - jquery show/hide有效,但不能以其他方式工作
- .filter() 中的函数没有按我想要的方式工作
- 如何实现 emit 以同步方式工作
- javascript对象声明没有按我希望的方式工作
- 我的查询获胜'因为一个剧本,它不能工作(它以错误的方式工作)!?但为什么呢?SESSIONS和PHP
- html5本地存储没有按我想要的方式工作