Meteor Router.go() doesn't rederect, but it works in Chrome's console

Question

Meteor Router.go() doesn't work. It just flash a new url for few milliseconds in the browser, and the page didn't switch.

Sorry I can't find any clue how this wired thing happen..!

Template.Post.events({ 
'click a': function() { 
    Router.go('mainPage');  
});

Router.route('/', {
  name: 'mainPage',
  template: 'mainPage'
});

Update: I input Router.go('mainPage'); in Chrome console. It works and return undefined.

Pronucleus

Answer 1

To avoid this miserable, horrible experience for everyone, let me post my solution and answer myself:

When Router.go() redirects the URL, the URL also instantly redirects to href="#" or href="". Thus, it disables the redirection from Router.go().

The way to solve it is just to NOT put href="" in the <a> tag. Also, you can add this css:

a:hover {
    cursor: pointer;
}

to show that the tag is actually clickable.

Pronucleus

Answer 2

You can avoid having to remove the href by calling event.preventDefault() which stops the execution of any additional bubbled events like the href click:

"click #aLinkId": function(event, template) {
    event.preventDefault();
    Router.go('/newLocation');
}

Cowes

Answer 3

I had this problem too, wrapping it in Meteor.setTimeout was the only way to make it work.

'click a': function() { 
    Meteor.setTimeout(function(){ Router.go('mainPage'); }, 10); 
}

Osmose

that's amazing...but have you found out why this wired thing happen? – Pronucleus

It seems there is a problem on <a> when it has href attribute. You need to specify e.preventDefault(), look here github.com/iron-meteor/iron-router/issues/1038 – Osmose

Oh GREAT!!! That's it!! Once remove the href in <a> Router.go works!! It is a horrible bug! – Pronucleus

Answer 4

Can we see your Router definitions?

At least setup one route:

Router.route('/mainPage', {
    template: 'mainPage'
});

Documentation can be found here: https://github.com/iron-meteor/iron-router/blob/devel/Guide.md

Patricepatrich

I have read it. I just can't find why it doesn't work... I input Router.go('mainPage') in Chrome console and It works perfect and return undefined. – Pronucleus

As far as I can see your syntax for the events is not correct (Template.Post.events({})). – Patricepatrich

If you can make a reproduction of the error, I can have a closer look. – Patricepatrich