頁面加載後的第一個錨定鏈接需要兩次點擊

Question

我設計的頁面底部有一個固定的位置欄，用於引用，該頁面在頁面加載時以零高度開始，但可以通過單擊位於div的位置進行擴展直接在它上面。同樣，單個引用是內容塊中鏈接的錨點，我使用scrollTo和localScroll jQuery插件進行導航 - 如果在引用欄展開時單擊了錨定鏈接，則會將localScroll拖動到它，if欄會減少，它會滾動到它，然後調用擴展動畫。處理所有這些工作的腳本的第一部分效果很好 - 參考欄打開後只需點擊一下鼠標就可以定位div - 但是在頁面加載後單擊第一個錨定鏈接，無論參考欄是關閉還是打開，都需要兩次單擊，不是一個，做任何事情。這裏的腳本：

$(document).ready(function() { 
    $("#reftag").css('bottom', '0px'); 
    $("#refblock").css('height','opx'); 
    $("refblock").scrollTo($("#refblock h4"),0); 


    $("#reftag").click(
     function(){ 
      var offset = $("#refblock").offset(); 
      if(($(document).scrollTop()+$(window).height() - offset.top) > 100) 
      { 
       $("#reftag").animate({bottom: "0px"}, {queue:false, duration: 1700, easing: 'easeOutBounce'}) 
       $("#refblock").animate({height:"0px"},{queue:false, duration: 1700, easing: 'easeOutBounce'}) 
       $("#refblock").scrollTo($("#refblock h4"),0); 
      } 
      else 
      { 
       $("#reftag").animate({bottom: "200px"}, {queue:false, duration: 1700, easing: 'easeOutBounce'}) 
       $("#refblock").animate({height:"200px"},{queue:false, duration: 1700, easing: 'easeOutBounce'}) 
      } 
      return false; 
     }); 

    $("a.ref").click(
     function() {   
      var offset = $("#refblock").offset(); 
      if(($(document).scrollTop()+$(window).height() - offset.top) > 100) 
      { 
       $('#textblock').localScroll({target:'#refblock'}); 
      } 
     else{ 
      $('#textblock').localScroll({target:'#refblock',onAfter:function(){ 
       $("#reftag").animate({bottom: "200px"}, {queue:false, duration: 1700, easing: 'easeOutBounce'}) 
       $("#refblock").animate({height:"200px"}, {queue:false, duration: 1700, easing: 'easeOutBounce'}) 
      }});  
      } 
       return false; 
     }); 
    }); 

而這裏的refblock的CSS（如果它的任何值）：

#refblock{ 
    width: 100%; 
    height: 0px; 
    position: fixed; 
    bottom: 0px; 
    padding: 3px 20px 3px 0px; 
    background: rgb(194,1,92); 
    margin-left: 0%; 
    margin-right: auto; 
    text-align:center; 
    z-index: 100; 
    overflow: auto; 
} 

任何想法？這是腳本還是其他問題？當它啓用時，我會發佈一個鏈接到網站，如果有其他任何有助於回答的信息，請告訴我。

Answer 1

儘量防止點擊a.ref鏈接觸發默認動作：

$("a.ref").click(function (e) { 
    e.preventDefault(); 
}