javascript - 删除jQuery中的位置属性

Question

我设置了一个具有以下特征的代码:

1. 导航 Items-texts- 隐藏在一些 Div 后面，我将它们称为 Navigation Div

2. 当鼠标移到一些像素导航 divs 上时，它们后面的文本左右滑动，在某些情况下，它们中的一些上下移动约 15 像素，并带有动画( ) 方法...

3. 当鼠标移动到另一个Div时，其他文字会重置到第一位下一步行动，我这样做了:

   $(document).on('mouseover', '.pixel#p18', function(){
      $('.submenus').not("this Div's TEXT").fadeOut('fast').removeAttr('style');
   });/* this Div's Text is for Example*/
   

我为我所有的导航文本都写了这种类型..

现在我的问题是:

1. 当我将鼠标悬停在其中一个导航 Div 上时，由于 removeAttr('style')，一些没有设置动画的文本变得可见!!!但我不希望那样...

2. 有没有其他方法可以将文本或其他元素向左、向右、向上和向下滑动，可选值为 move...？？？例如向左 23px 或向顶部 17px...等等？？？-我熟悉 slideUp 和 Down 以及切换，但不确定它们是否足够好用于我的代码...

3. 你对此有更好的想法吗——实际上你会有，因为我认为这很糟糕

4. 最后一个问题是为什么我的代码运行很慢？我写的动画有时会出现问题，我不确定问题出在我的选择器或其他东西上。

Answer 1

为此，您需要类似 .animate 的东西，它具有回调。所以像这样:

$('.submenus').not("this Div's TEXT").animate({opacity:0},500,'linear', function() {
    $(this).removeAttr('style');
});

这只会在动画完成时删除属性。