2014-05-03 24 views
0

嗨!

我要爲公司創造一個網站是我的工作:)WordPress單頁導航和jQuery滾動

我的問題:

我創建http://webl.eu/wordpress/與WordPress,這是從「二十十三」子主題。

我想使用戶滾動到相應的元素時導航li或更改。我發現這個腳本:

(function($){ 

    var sections = []; 
    var id = false; 
    var $navbar = $('#navigation_desktop .navigation'); 
    var $navbara = $('a', $navbar); 

    $navbara.click(function(e){ 
    e.preventDefault(); 
    $('html, body').animate({ 
     scrollTop: $($(this).attr('href')).offset().top - $navbar.height() 
    }); 
    hash($(this).attr('href')); 
    }); 

    $navbara.each(function(){ 
    sections.push($($(this).attr('href'))); // !!!erreur ici!!! 
    }); 

    console.log(sections); 

    $(window).scroll(function(e){ 
    var scrollTop = $(this).scrollTop() + ($(window).height()/2) 
    for(var i in sections){ 
     var section = sections[i]; 
     if (scrollTop > section.offset().top) { // !!!erreur ici!!! 
     scrolled_id = section.attr('id'); 
     } 
    } 
    if (scrolled_id !== id) { 
     id = scrolled_id 
     $navbara.removeClass('current'); 
     $('a[href="#' + id + '"]', $navbar).addClass('current'); 
    } 
    }); 

})(jQuery); 


hash = function(h) { 
    if (history.pushState) { 
    history.pushState(null, null, h); 
    }else{ 
    location.hash = h; 
    } 
} 

我認爲它應該工作...但它不會:(

感謝,

萊奧

+0

嘗試了jQuery插件航點http://imakewebthings.com/jquery-waypoints/ –

回答

0

我解決我的問題:

這很簡單:如果有別的東西,這個腳本不起作用菜單中!

希望這將是對你有用;)

再見