2012-06-19 44 views
2

我使用的引擎調用jquery tabs.js腳本來處理標籤函數。問題是,只要標籤頁位於頁面頂部,並且您點擊一個鏈接,它們就會快速向下滾動到頁面底部。我一直試圖解決這個問題幾個小時,所有的解決方案都指向類似的答案,但沒有一個適合我。停止jquery TABS跳躍/滾動時點擊?

$.fn.tabs = function() { 
var selector = this; 

this.each(function() { 
    var obj = $(this); 

    $(obj.attr('href')).hide(); 

    $(obj).click(function() { 
     $(selector).removeClass('selected'); 

     $(selector).each(function(i, element) { 
      $($(element).attr('href')).hide(); 
     }); 

     $(this).addClass('selected'); 

     $($(this).attr('href')).fadeIn(); 

     return false; 
     e.preventDefault(); 
    }); 
}); 

$(this).show(); 

$(this).first().click(); 
}; 

作爲每修復建議我發現,我改變了線中的一條以上讀:

$($(element).attr('href')).fadeOut(1); 

我也試圖添加e.preventDefault();返回false後返回;但仍然沒有運氣?!?我能夠找到site that runs a different template並且問題在那裏不存在。我一直在使用Firefox和檢查代碼來試圖找到它們是如何做到的,但是在經過幾個小時的攻擊之後,我尋求你的智慧哦!

+0

這裏的展示,我指的是標籤的跳躍行爲演示:[鏈接](HTTP://演示。 opencart.com/index.php?route=product/product&path=20_27&product_id=41) – Stefan

回答

3

在HTML,只需添加onclick="return false;"和跳躍將停止,如:

<ul> 
    <li><a href="#tabsDetails" id="tabsDetailsLink" onclick="return false;" >Details</a></li> 
    <li><a href="#tabsAddress" id="tabsAddressLink" onclick="return false;" >Address</a></li> 
</ul>