jQuery 向左 move

标签 jquery html css move

我正在尝试向子菜单添加一个不错的小效果,但我不能使用 marginLeft,因为它会弄乱容器。所以我试图通过使用 left 而不是 marginLeft 来实现它,但我无法让它工作......任何想法为什么?

$('#order_list li').hover(function(){
  $(this).stop().animate({ "left": "14px" }, 250, function() {
    $(this).animate({ "left": "10px" }, 250);
  });
},function(){
  $(this).stop().animate({ "left": "4px" }, 250, function() {
    $(this).animate({ "left": "0px" }, 250);
  });
});

最佳答案

CSS Left仅适用于 positioned元素。

尝试将 position:relative; 添加到 li

例如

#order_list li {
  position: relative;
}

关于jQuery 向左 move ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10635601/

相关文章:

javascript - 具有自动完成功能的 HTML/CSS/jQuery 编辑器

jquery - 为什么单击显示/隐藏菜单时我的文字会弹起一行

javascript - JQuery UI 自动完成组合框突出显示

javascript - 尝试将变量分配给 JS 对象

html - CSS 下拉菜单不起作用

html - CSS 类 form-horizo​​ntal、form-group 和 form-control 的意义?

html - 为什么 body 在所有移动设备上都在右侧被切断?

javascript - 使用路由在angularJS中添加左右动画?

html - 如何双击而不是单击以 Angular 打开文件

c# - 是否有 .net 的 CSS 对象模型或 CSS 查询 api?