Popover remains open on navigating to another page

I have a popover but when I click on the link that navigates to another component, the popover remains opened.

<div class="popover popover-action-links">
    <div class="popover-inner">
        <div class="list">
            <ul>
                <li><a class="list-button item-link" href="#">Captain Signature</a></li>
                <li><a class="list-button item-link" href="#" id="goto-client-signature">Client Signature</a>
                </li>
                <li><a class="list-button item-link" href="#">Export File</a></li>
            </ul>
        </div>
    </div>
</div>

Code for redirecting

        $$("body").on("click", "#goto-client-signature", function (e) {
            e.preventDefault();
            app.views.main.router.navigate('/client/' + self.clientId + '/' + self.clientRev + '', { reloadCurrent: false });
        });

add popover-close class to your links.

1 Like

Wow! It worked, thanks a lot.