页面中的锚链接不起作用

Question

The site is http://differenzaus.com/ . Try any of the buttons on the page (eg, the one in the header "Work With Us," which is supposed to link to the "Contact" form). The button appears active but when you click on it nothing happens. This wasn't a problem prior to last night. I'd fixed a close event on the slidebar menu, and after that the anchor/targets weren't working.

Any tips? The source code is all available via view source.

Answer 1

You added # to all of your href attributes. If you hover over your buttons you will get ex. #contact .

Take a look in your code if you insert # .

Answer 2

It's due to some Javascript in there. The links are correct, and so are the section IDs. If you deactivate Javascript completely, the links work. Probably some scolling script. Deactivate the scripts one by one to find it and then try to find the error in the script.

Answer 3

It looks like you're catching the click event that would allow the buttons to work, and using it exclusively to collapse the sidebar menu:

// Toggle main menu
    $( '[canvas]' ).on( 'click', function ( event ) {
        event.preventDefault();
        event.stopPropagation();
        controller.close( 'menuMain' );
    } );

Try removing the calls to preventDefault() and stopPropagation() , or wrap the event hander in an if statement that checks whether the sidebar is already open.