Why does Backbone.Router stop working after using histoty.pushState?

Question

JavaScript

Good afternoon!
The page has a backbone router of the following form (abbreviated version)

Controller = Backbone.Router.extend({
        routes: {
            "sendpm/:dialogWith": "sendpm" 
        },
        sendpm: function(dialogWith) {
            $("#popup-send-pm").simplePopup();
            if (PM != undefined && typeof PM.init == "function")
                PM.init(dialogWith);

            // Загружаем информацию о пользователе
            PM.getUserInfo();
        }
    });
    controller = new Controller(); 
    Backbone.history.start();

A link like site.ru/#sendpm/123 will open a dialog box for sending a private message. When closing the window, to get rid of the hash sign (#) I do the following

history.pushState('', document.title, window.location.pathname);

The page does not reload, the url becomes clean, but trying to call the route again via #sendpm does not work, the route does not work, what could be the reason?

Answer 1

Make an empty route and use the backbone's navigate method on that route when the window closes.