事件監聽器onclick（）？ - 手風琴

Question

我有一系列的手風琴使用下面的代碼激活：

$(function() { 
     $(".specialreveal").hide(); 
     $('[href="#"]').attr('href', 'javascript:void(0)'); 
     $(document).on("click", "a.biobutton", function() { 

      var $currentSection = $(this).closest(".biowrapper").find(".specialreveal").toggle('slow').end(); 

      //If you want to hide all other `specialreveal` sections 
     $(".biowrapper").not($currentSection).find(".specialreveal").hide('fast').end(); 



     }); 

    }); 

我想手風琴滾動到頂部被點擊和元素時，我使用這個：

$(".biowrapper").click(function() { 
     $('html,body').delay(1200).animate({scrollTop: $(this).offset().top}, 800); 

}); 

現在的問題是，如果上面的手風琴選項卡打開，並且我點擊下面的一個，滾動到頂部將被拋出，因爲假設數學計算時打開了兩個選項卡，所以當關閉最高的參考是錯誤的。我試過設置一個延遲（），觸發器（）等，但我似乎無法得到它的權利。

我希望能夠滾動到頂部後，上一個標籤關閉，並打開新的標籤。

Answer 1

問題是，offset().top立即計算然後存儲供animate以後使用。

只需用一個定時器，以延遲代替操作：

$(".biowrapper").click(function() { 
    setTimeout(function(){ 
     $('html,body').animate({scrollTop: $(this).offset().top}, 800); 
    }, 1200); 
}); 

理想情況下，你反而會聽以前的操作通過對手風琴本身

Answer 2

事件結束聽起來像是你想你滾動以在activate事件上運行

面板激活後（動畫完成後）觸發

$(".biowrapper").accordion({ 
    activate: function(evt, ui) { 
     $('html,body').animate({ 
      scrollTop: $(this).offset().top 
     }, 800); 
    } 
});