sThis doesn’t need jquery, just add a custom header for your pages and change the menu links in this header accordingly:
Copy the same header.php file and rename it to header-pages.php and edit its menu links to the following:
<ul>
<li data-menuanchor="home">
<a href="https://wordpress.stackexchange.com/">home</a>
</li>
<li data-menuanchor="about">
<a href="/#about">about us</a>
</li>
...
</ul>
In your pages use the following to import your customized header: (make sure it’s on the first line of course)
<?php get_header('pages'); ?>
PS: the scrolling process after link redirection will also be animated 🙂
Cheers!
Related Posts:
- jQuery equivalent of JavaScript’s addEventListener method
- What is content-type and datatype in an AJAX request?
- When and why to ‘return false’ in JavaScript?
- Download File Using jQuery
- How is JavaScript .on() method defined?
- correct way of comparing string jquery operator =
- Jquery to change form action
- Split string in jquery
- How can I expand and collapse a using javascript?
- Detecting value change of input[type=text] in jQuery
- Javascript : array.length returns undefined
- Comparing dates in jquery
- How do I send this form's output to a new WordPress page?
- Annoying “JQMIGRATE: Migrate is…” in console after update to WordPress 4.5
- Update jquery version
- Correct Method to run scripts with dependencies without enqueue?
- Can’t get a JSON object in response to an Ajax request with wp_ajax
- How to prevent wordpress from loading old versions of jquery in wp_head();?
- Using the WordPress Media Library and returning the Attachment ID rather than URL?
- WP set auth cookie using Ajax is not saved to browser
- Modify Custom Field in Media Library using JavaScript
- Loading jQuery With Two Fallbacks
- Moving jQuery to the footer without using de-register in WordPress
- Including jQuery in WordPress
- Comment form vaildation
- Enqueuing jQuery in plug-ins
- Prevent five different copies of jquery from being included on every page
- Script doesn’t load because of a javascript MIME type error
- javascript is not working on Event Submission?
- TinyMCE – TypeError: r is undefined
- Auto-detect javascript errors and warn theme user
- combining js scripts from a js newb [closed]
- Heartbeat API: How to access data already enqueued?
- How to get a value from PHP in Jquery through Ajax
- Implementing lazy loading in homepage posts instead of pagination
- Jquery integration with my theme
- How to stop focus() in custom js from scrolling to footer?
- Getting post meta in the flex slider
- Format numeric symbols in titles
- Removing jQuery from footer
- Remove WordPress scripts
- Use jQuery to conditionally hide elements in Quick Edit
- AJAX Loaded Glossary like Search results with links to other entries from custom table
- Using bootstrap-slider and bootstrap-switch in wordpress admin panel
- WordPress jquery files not being enqueued
- Unexpected script loading order
- Problem passing id-specific objects to javascript via wp_localize_script
- I am trying to modify a plugin and am adding Jquery, but it does not seem to be executing
- FacetWP – conditionally display facet labels
- Creating a new div onclick wordpress+ajax
- Uncaught ReferenceError: jQuery is not defined . How do I define it correctly?
- Close Fancybox, sumbit form data and redirect
- How to enque js script in footer that are not in .js file?
- Properly embed javascript into WP (using function.php) – doesn’t work?
- jQuery tabs plugin with callback to fetch data
- jQuery is not defined [closed]
- Nested Gallery Shortcode INTERMITTENTLY working
- Cherry Framework theme, JQuery is using HTTP not HTTPS
- Custom AJAX form not working async
- JQuery UI not loading without explicit loading of jQuery
- JQuery load php – php file without the template
- enqueue jQuery into the footer
- Uncaught TypeError: Object # has no method ‘datepicker’ [closed]
- Making jQuery-based galleries with WordPress without a plugin?
- JS behavior differs depending on page tree [closed]
- Long contextual help needs two clicks to close
- Query String Link With Anchor Tag Not Working on Same Page
- jQuery Datepicker displays wrong language until interection with the calendar
- jQuery for Fade Preload Causes My Site Favicon to Disappear from Tab of Browser
- Bootstrap Carousel Slider – CSS & JS not working
- How to pull data from a table using wpdb?
- Is not using admin-ajax to ajax submissions okay?
- onclick jquery function not working in wordpress header file [duplicate]
- Unable to remove jquery from header and put in before body ends
- Visual editor popover or placeholder
- Masonry – Can’t Find Variable imagesLoaded
- Custom button on admin page doesn’t trigger click event
- How to add JS snippet before closing tag?
- Show/Hide text after the first paragraph
- How to specify url for ajax call in wordpress plugin
- Dynamic image grid gallery
- Check with jQuery value of checkbox from custom admin panel
- JS script not being included [closed]
- WooCommerce – PrettyPhoto appending URL with #prettyPhoto
- Are you sure popup on Contact Form 7 [closed]
- change the icon of a custom post type in WordPress to use twitter boostrap
- jscrollpane problem with my child theme
- Using jQuery toggle() in WordPress post to show/hide Tweet button?
- Call a Simple JQuery from within Flash
- Ajax request with jQuery without WP_ajax
- Change image on post title hover (more than one instance) – Jquery
- How to fire jQuery after $(window).on(‘load’)
- JQuery WordPress gallery [closed]
- JS file not loading [closed]
- How can insert JQuery in WordPress? [closed]
- Jquery in IE, fully messed up
- how to make this work with jquery 1.12.4 [closed]
- Theme variation conflict with jquery select2 dropdown
- Elementor form – checkboxes validation
- How to add input file plain text and submit to publish?