頁面水平滾動不工作div jquery

Question

我在這裏使用這個插件水平滾動。 http://manos.malihu.gr/horizontal-page-animation-to-id-with-jquery/

這是我用它創建的演示鏈接。 http://aijaz.co/hearing1/

我面臨的問題是，當滾動鏈接正好位於.content下方時，我可以滾動頁面。當我把鏈接放在幾個div中時，頁面不會滾動。例如：

<div> 
    <div> 
     <hr /> 
     <a href="#top">&larr; Back to start</a> <a href="#" rel="next">Next section &rarr;</a> 
    </div> 
</div> 

這是它正在使用的腳本。

<script> 
    (function($) { 
     $(window).load(function() { 

      /* Page Scroll to id fn call */ 
      $("#navigation-menu a,a[href='#top'],a[rel='m_PageScroll2id']").mPageScroll2id({ 
       layout: "horizontal", 
       highlightSelector: "#navigation-menu a" 
      }); 

      /* demo functions */ 
      $("a[rel='next']").click(function(e) { 
       e.preventDefault(); 
       var to = $(this).parent().parent("section").next().attr("id"); 
       $.mPageScroll2id("scrollTo", to); 
      }); 
     }); 
    })(jQuery); 
</script> 

請幫我一把。謝謝。

Answer 1

你錯了我猜，使用相同的類爲每個標籤，並確保它會工作，通過插件文件。

Answer 2

嘗試traversing向上通過點擊的元素的祖先，而不是使用.parent()多次：

$("a[rel='next']").click(function(e){ 
    e.preventDefault(); 
    var to=$(this).closest("section").next().attr("id"); 
    $.mPageScroll2id("scrollTo",to); 
});