jQuery animate（）定位问题

Question

我只是在我的个人网站上工作，对此做了一些修改。

我实现了一种“手风琴”菜单功能，如果单击了菜单按钮，“未单击”按钮就会消失，然后将被单击的按钮移到列表的顶部，然后面板会向下移动我将在其中放置文本内容。

在Firefox中，此功能可以完美运行，但是在IE和Chrome中，按钮跳转到页面顶部，然后进行动画定位，而不是从其起始位置进行动画处理。

任何人有任何想法如何解决此问题？

违规代码：

function Accordion(e)
 {
  var o =
  {
   init: function()
   {
    o.button = e;
    o.addClickHandler();
   },

   addClickHandler: function()
   {
    o.button.click(function(){
     o.button.removeClass('unselected');
     o.button.addClass('selected');
     o.fader();
    });
   },

   fader: function()
   {
    $j('.unselected').animate({opacity:0}, 1000);

    var wait = setInterval(function() {
     if(!$j('.unselected').is(":animated") ) {
      clearInterval(wait);
      o.shifter();
     }
    }, 100);
   },

   shifter: function()
   {
    o.button.css({'position':'absolute'});
    o.button.animate({top:91}, 500, o.createInfoBox);
   },

   createInfoBox: function()
   {
    var buttonParent = o.button.parent();
    buttonParent.append("<div class='infoBox'></div>");
    $j('.infoBox').animate({height:390});
   }
  }

  o.init();
  return o;
 }
}

问题出在shifter函数之内，在这里我将位置设置为绝对，然后进行动画处理，从而可以实现所需的效果。 我知道为什么要这样做（假设它只是将自身重置为top：0，然后动画为top：91），但是有人能快速解决吗？ 已经很晚了，我正在努力。

非常感激，

戴夫

Answer 1

当您将元素切换为绝对值时是否尝试使用元素的当前位置...例如：

function() { 
  var currentp = $(this).offset();
  o.button.css({'position':'absolute', top: currentp.top}); 
  o.button.animate({top:91}, 500, o.createInfoBox); 
}

请注意，有两种不同的偏移量函数，我不确定在这里要使用哪一种偏移量函数，因此您可能需要查看该文档。

另外，您总是可以重新设置jQuery-ui手风琴主题，从而省去麻烦;-)