Please see our restoreState method;
Code: Select all
restoreMenuState: function () {
var link = $('a[href^="' + this.cfg.pathname + '"]'); // This line checks the url of anchor elements with browser's url.
var $this = this;
if (link.length) {
...
Exp;
in https://www.primefaces.org/poseidon
Code: Select all
<li id="menuform:om_formlayout" role="menuitem">
<a href="/poseidon/formlayout.xhtml"><i class="pi pi-id-card layout-menuitem-icon"></i><span class="layout-menuitem-text">Form Layout</span></a>
<div class="layout-menu-tooltip">
<div class="layout-menu-tooltip-arrow"></div>
<div class="layout-menu-tooltip-text">Form Layout</div>
</div>
</li>
<li id="menuform:om_input" role="menuitem">
<a href="/poseidon/input.xhtml"><i class="pi pi-check-square layout-menuitem-icon"></i><span class="layout-menuitem-text">Input</span></a>
<div class="layout-menu-tooltip">
<div class="layout-menu-tooltip-arrow"></div>
<div class="layout-menu-tooltip-text">Input</div>
</div>
</li>
Best Regards,