Navigating to different pages on single page template

Question

I have a one page template that i am trying to modify so that on clicking particular links the user goes to a new page rather than scroll to a different section. I still want to keep the scroll to a section navigation but I have call to action buttons in those sections that need to go to different pages. The website is a wordpress site

Here is my js code:

$(document).ready(function() {
if ($("a" != ".external")){
        $("a").on('click', function(event) {

            if ((this.hash !== "/membership-form/") && (this.hash !== "#wood-grain") && (this.hash !== "#gifting") && (this.hash !== "#non-slip") && (this.hash !== "#wpcf7-f4-o1") && (this.hash !== "#carousel-control-next") && (this.hash !== "#carousel-control-prev") && (this.hash !== "#carouselExampleControls")) {

                event.preventDefault();

                var hash = this.hash;

                $('html, body').animate({

                    scrollTop: $(hash).offset().top - 100

                }, 800, function() {});

            }

        });
    }

});

So on this line if ($("a" != ".external")) I added a class called external to the tags that need to leave the page. I also tried this.hash !== "/membership-form/" to try and target particular tags but it only seems to work with my forms and image gallery that have # references. How can I get the site to navigate away from the home page to my other pages? Thanks

UPDATED JS CODE

AOS.init();
var $ = jQuery;
$(document).ready(function() {
    $("a").on('click', function(event) {
        if (!($(location).attr('href', '/BDWest/membership-form/'))){
            if ((this.hash !== "/membership-form/") && (this.hash !== "#wood-grain") && (this.hash !== "#gifting") && (this.hash !== "#non-slip") && (this.hash !== "#wpcf7-f4-o1") && (this.hash !== "#carousel-control-next") && (this.hash !== "#carousel-control-prev") && (this.hash !== "#carouselExampleControls")) {
                event.preventDefault();
                var hash = this.hash;
                $('html, body').animate({
                    scrollTop: $(hash).offset().top - 100
                }, 800, function() {});
            }
        }   
    });
});

UPDATED WITH THE PHP CODE HEADER.php



        
            
            
            
            
        <?php bloginfo('name');?> | <?php wp_title(); ?> 
            
          
            
      
    >  
        
              
         
                      
                     
                                
                               
                      
        
                   
                          
                    CLUB BD WEST
                    Logo can be here                   
                    

                      
                            
                                 
                        
                            
                                        
                        Scroll down

navigation.php

index.php




    
        
            
                
                    
                        
                            
                                CLUB BD WEST
                                There are no winners or losers, ours is a philosophy of enjoyment through participation and we have organized a range of activities to suit all ages, fitness levels and activity choices.                          
                                    
                        
                            
                
            
             
            
                
                    
                        
                            
                                
                                Badminton
                            
                            
                                
                                Football
                            
                            
                                
                                Cricket
                            
                            
                                
                                Recreational Cycling
                            
                                                           
                                                              
                                Kayaking           
                                                      
                            
                                                              
                                Nature rambling                            
                            
                                              
                                                   
                                                           
                                                           
                                                  
                        
                                      
                  
                   
                     
                               
                                    
                                        
                    The list of activities is growing, fueled by suggestions from our members.  It’s your club and responds to your needs..                 
                                      
                          
                              
                  
                                      
                                     
                                           
                                               
                Our Goals                              
                To build an online social platform bringing together a diversity of people sharing a common purpose of interaction through sport and recreation.                         
                                          
                                               
                Our Mission                                
                To continue growth of both membership and activities developing a multicultural community with a social conscience.                          
                                          
                                               
                Our Vision                             
                To add to the quality of life, build cohesion in communities and enrich society.                         
                                      
                                  
                      


    


    
        
            
                
                    
                        Our Story
                        It all started when a group of friends got together for an impromptu game of badminton. The shared love of the game and the company of friends was a compelling mix and very quickly these random get togethers developed into a regular event.
                      The group began to grow rapidly, first from within the circle of friends and later extending to others that were exposed to the group and drawn to it.  At this point it was evident that a structure was required to communicate with group members and so BD West was formed.
                      BD West is now a not for profit social club with over 200 members and plans to grow into a multicultural community of like-minded people brought together by the love of sport, recreation and the harmony of social connection. 
                    
                 
            

                
                    
                        Our Management Team
                    
                    
                        
                    
                
            
        
    


                          
    
        
            
                
                    
                        
                            Events
                            Here are some of our latest events
                        
                    
                
            
            
                
                      
            
        

    
  

            

    
        
            
                
                    
                        
                            Gallery
                        
                    
                
            
        
    

                    

    
        
            
                
                    
                        
                            Contact Us
                        
                      
                
            
            
                
                    
                        
                    
                
            
            
                
                    
                        BD West Incorporated

R. Srour · Accepted Answer

if you want to link through jQuery it would be like this:

$(location).attr('href', 'http://stackoverflow.com')

But it is highly recommended to do this with pure Javascript it best simulates an HTTP redirect, and it would go like this:

// similar behavior as an HTTP redirect
window.location.replace("http://stackoverflow.com");

// similar behavior as clicking on a link
window.location.href = "http://stackoverflow.com";

It's better to use window.location.replace(...), because the replace() doesn't keep the page they'd come from in the session history, which avoids having the users stuck in a never-ending back-button loop.

Navigating to different pages on single page template

Answers (1)

Related Questions