jquery animate 在 chrome 中不起作用
我的 jquery 动画代码在 IE 和 Firefox 中工作正常，但在 Chrome 和 safari 中不起作用。有什么建议吗？
这是我的 jquery 动画代码
$('#menu ul li a').click(function (e) {
/* On a thumbnail click */
$('li.menuItem').removeClass('act').addClass('inact');
$(this).parent().addClass('act');
var pos = $(this).parent().prevAll().length; //.prevAll('.menuItem').length;
pos = pos - 1;
$('#slides').animate({ marginLeft: -positions[pos] + 'px' }, 450);
/* Start the sliding animation */
e.preventDefault();
/* Prevent the default action of the link */
});
my jquery animation code is working fine in IE and firefox, but it doesnt work in Chrome and safari. any suggestions?
this is my animation code for jquery
$('#menu ul li a').click(function (e) {
/* On a thumbnail click */
$('li.menuItem').removeClass('act').addClass('inact');
$(this).parent().addClass('act');
var pos = $(this).parent().prevAll().length; //.prevAll('.menuItem').length;
pos = pos - 1;
$('#slides').animate({ marginLeft: -positions[pos] + 'px' }, 450);
/* Start the sliding animation */
e.preventDefault();
/* Prevent the default action of the link */
});
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
如果我记得很好的话，当动画或应用CSS以方便操作时，jQuery在没有“px”的情况下计算得很好，而且它更符合逻辑，因为动画是用数字而不是字符串进行计算。那不是css属性的问题吗？您是否尝试过为要设置动画的元素至少设置 'position':'relative' 或 'display':'block' 或 'display':'inline-block' 。因为 css 需要这种类型的显示来应用边距属性。例如，尝试使用“left”动画而不是“margin-left”，如果它有效，则它来自应用边距所需的 css 属性。
if I remember well jQuery computes well without 'px' when animating or applying css for easier manipulation, and it is more logical because animating is calculation with numbers, not strings. Then isn't it a problem of css property ? Have you tried to set at least a 'position':'relative' or 'display':'block' or 'display':'inline-block' to the element you are animating. Because css needs that type of display for applying margin properties. Try animate 'left' instead of 'margin-left' for example, if it works, it comes from a needed css property for applying margin.
使用
left而不是marginLeft。Use
leftinstead ofmarginLeft.