javascript - Single Page Menu, link highlights undefined is not an object for offset.top -


so i'm working on 1 page menu using guide here: http://callmenick.com/post/single-page-site-with-smooth-scrolling-highlighted-link-and-fixed-navigation

html

<div class="um-member-nav-menu">         <ul>             <li><a href="#car">car</a></li>             <li><a href="#about">about</a></li>             <li><a href="#students">students</a></li>             <li><a href="#reviews">reviews</a></li>             <li><a href="#social">social</a></li>         </ul>     </div> <div class="um-member-profile-content">     <div id="car">content</div>     <div id="about">content</div>     <div id="students">content</div>     <div id="reviews">content</div> </div>

js

     function profileheader() {          /**           * part "fixed navigation after scroll" functionality          * use jquery function scroll() recalculate our variables           * page scrolled/          */         $(window).scroll(function() {             var window_top = $(window).scrolltop() + 12; // "12" should equal margin-top value nav.stick             var div_top = $('.um-member-nav-menu').offset().top;          });          /**          * part causes smooth scrolling using scrollto.js          * target tags inside nav, , apply scrollto.js it.          */         $(".um-member-nav-menu ul li a").click(function(evn) {             evn.preventdefault();             $('html,body').scrollto(this.hash, this.hash);         });          /**          * part handles highlighting functionality.          * use scroll functionality again, array creation ,           * manipulation, class adding , class removing, , conditional testing          */         var achildren = $(".um-member-nav-menu li").children(); // find children of list items         var aarray = []; // create empty aarray         (var = 0; < achildren.length; i++) {             var achild = achildren[i];             var ahref = $(achild).attr('href');             aarray.push(ahref);          } // loop fills aarray attribute href values          $(window).scroll(function() {             var windowpos = $(window).scrolltop(); // offset of window top of page             var windowheight = $(window).height(); // height of window             var docheight = $(document).height();              (var = 0; < aarray.length; i++) {                 var theid = aarray[i];                  var divpos = $(theid).offset().top; // offset of div top of page                 var divheight = $(theid).height(); // height of div in question                 if (windowpos >= divpos && windowpos < (divpos + divheight)) {                     $("a[href='" + theid + "']").addclass("active");                 } else {                     $("a[href='" + theid + "']").removeclass("active");                 }             }              if (windowpos + windowheight == docheight) {                 if (!$(".um-member-nav-menu li:last-child a").hasclass("active")) {                     var navactivecurrent = $(".um-member-nav-menu li a.active").attr("href");                     $("a[href='" + navactivecurrent + "']").removeclass("active");                     $(".um-member-nav-menu li:last-child a").addclass("active");                 }             }         });     };

so code works, i'm getting hundreds of js errors in console stating "typeerror: undefined not object (evaluating '$(s).offset().top')"

i've echoed out 'theid' , it's getting section id correctly. seems passing 's'?

live link: http://beta.passpilot.co.uk/user/ed-craddock/

any awesome!


Comments

Post a Comment

Popular posts from this blog

aws api gateway - SerializationException in posting new Records via Dynamodb Proxy Service in API -

i getting "__type": "com.amazon.coral.service#serializationexception" as reply in postman & in test console in api gateway trying post record directly dynamodb using api proxy services.. referring aws article - https://aws.amazon.com/blogs/compute/using-amazon-api-gateway-as-a-proxy-for-dynamodb/ here's mapping { "tablename": "tablenamegoeshere", "item": { "id" : "$context.requestid" "eventname" : "$input.path('$.eventname')", "timestamp" : $input.path('$.timestamp'), "answers": "$util.parsejson($input.path('$.answers'))" } } update: did asked ... , worked if try add array of json objects gives me above same error - here's trying now. please - couldnt find on google well #set($inputroot = $input.path('$')) { "tablename": "answer", "item": {
Read more

asp.net - Problems sending emails from forum -

i have been redesigning site has message board, has been written guy looked after site. it has few problems , written in .asp , uses .mdb files database. you can see whole thing here . feel free post if helps, test thing have set using original files , new database. the basic problem when posts message, supposed email sent them, have posted it. when replies, originator supposed message, replier has been posted. i’d have thought @ point in process there should script/file in postmessage.asp? the postmessage.asp page below. <% option explicit %> <!-- #include virtual="common/adovbs.inc" --> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1252"> <meta name="generator" content="microsoft frontpage 4.0"> <meta name="progid" content="frontpage.editor.document"> <title>new page 2</title> <base target="_self"
Read more