Why does JavaScript work in jsfiddler but not on the site?

Question

JavaScript

jsfiddle.net/mixailhr/p4vdanuk

Answer 1

You have the following code on your site

$('a[href*=#]:not([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;
      }
    }
  });

Do you know what return false does?
It's like calling preventDefault and stopPropagation at once.
Unfortunately, nothing comes up before your event.
Please non working jsfiddle
example AND working jsfiddle
example Try changing above code to

$('a[href*=#]:not([href=#])').click(function(e) {
    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);
        e.preventDefault();
      }
    }
  });