javascript - WP menu is not working as expected -

-

super newb question here, brian not working tonight. i'm using provided js script on wordpress site make single-page website menu scroll relevant section.

i have menu options 'home' 'people' 'info' 'contact'

these links structured so: "http://sample.com/#home"

<!-- navigation menu --> <div class="collapse navbar-collapse" id="navigation">   <ul id="menu-menu-1" class="nav navbar-nav navbar-right"><li id="menu-item-15"   class="menu-item menu-item-type-custom menu-item-object-custom menu-item-15"> <a href="http://sample.com/#home">home</a></li> <li id="menu-item-51" class="menu-item menu-item-type-custom menu-item-object-custom menu-        item-51"> <a href="http://sample.com/#people">people</a></li> <li id="menu-item-14" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-14">  <a href="http://sample.com/#info">info</a></li>  <li id="menu-item-54" class="menu-item menu-item-type-custom menu-item-object-custom  menu-item-54">  <a href="http://sample.com/#contact">contact</a></li>  </ul>        </div> <!-- end navigation menu -->

the js follows below.

 //navigation scrolling  $('#navigation a[href*=#]').click(function() { if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')  && location.hostname == this.hostname) {   var target = $(this.hash);   target = target.length ? target : $('[name=' + this.hash.slice(1) +']');   if (target.length) {     $('html,body').animate({       scrolltop: target.offset().top     }, 1000);     return false;   } } });

the problem: when clicking menu-links, page reloads , shows relevant section.

i menu items scroll relevant section instead.

thanks.

tl;dr menu items reload page instead of scrolling relevant section. js above.

just prevent default functionality of anchor tag using event.preventdefault(),

 $('#navigation a[href*=#]').click(function(e) {    e.preventdefault();    //rest of code

Comments

Post a Comment

Popular posts from this blog

google api - Incomplete response from Gmail API threads.list -

-
i plot number of emails in inbox on time using gmail api , i'm seeing lot of drop-outs, whatever reason i'm getting incomplete count of messages @ single time points. my plots here: https://plot.ly/~tdsmith/2 -- "drop-outs" i'm complaining trace shoots downwards , recovers previous level @ next timepoint. the code i'm using count emails here: https://github.com/tdsmith/gmail-plotly/blob/master/gmail-plotly.py#l47-l64 what can diagnose these faults?
Read more

Installing Android SQLite Asset Helper -

-
i need use ready made database. search solution on internet did not work until decided use mentioned library found here . however, found hard use library in installation procedures shallow beginners. i appreciate step step procedure on how use android studio. in struggle tried copying sources main/libs , adding line gradle did not work. use api 19 if helps. update here build.gradle // top-level build file can add configuration options common sub-projects/modules. buildscript { repositories { mavencentral() } dependencies { classpath 'com.android.tools.build:gradle:0.11.+' compile 'com.readystatesoftware.sqliteasset:sqliteassethelper:+' // note: not place application dependencies here; belong // in individual module build.gradle files } } allprojects { repositories { mavencentral() } } trying compile project error error:(9, 0) no signature of method: org.gradle.api.internal.artifacts
Read more

Qt Creator - Searching files with Locator including folder -

-
one quick question qtcreator : know possible use locator open files using "ctrl-k" shortcut. however, possible search files including locations? for example, let's want locate file named "main.cpp" in folder named "myfolder" , have lots of other main.cpp files. what should type locator in order open ? just type myfolder/main.cpp in locator
Read more