Does not close after clicking a link.

[dkirjakov]

I think im too stupid to get this FANTASTIC plugin to work correctly.
When i click on a link in the opened jPanelMenu-menu, the page jumps to the #id , but it does not close.
It opens and closes on .trigger and if you click into the jMenuPanel-panel.

Thanks to anybody who can help.

[besimhu]

I am having the exact same problem. I thought it was some option at some place, but it isn't.

Here is the site I am working on at the moment, http://playground.40digits.com/obm/
set the width to either tablet or mobile and the menu will change.

When you click on any of the anchor links, they don't close the menu at all. It will jump to the page, but menu still stays open. The jPanel site uses anchors to link on site elements too, so I dunno why mine would be any different.

Not using your minified version, as I had to comment out line 436
// if ( jP.menuIsOpen() ) jP.closeMenu(jP.options.animated);

and that has nothing to do with the problem, as it wasn't functioning even after install.

[dkirjakov]

Thanks for giving me hope to solve this issue one day ;-) At the moment i have to use other techniques for mobile menu,though i’d love to use jpanelmenu.

I’ve send an Email to acolangelo and posted my issue here. No answer so far. Im glad im not the only one.Thought i was just too stupid to implement.

Nice approach btw, i like your site/Design :-)

So what are we doing wrong, why the menu is not working as it should?

[acolangelo]

The plugin is working exactly as designed. It was designed to handle only the creation and interaction of the menu/panel system, and provides an API object for custom interaction on the site.

To do what you're looking for, you'll need to create your own event listeners on the menu links and call the .close( ) API method. Check out the documentation for how that works: http://jpanelmenu.com/#api-close

[dkirjakov]

Thank you very much!!! ;-)

Am 27.01.2013 um 14:03 schrieb Anthony Colangelo notifications@github.com:

The plugin is working exactly as designed. It was designed to handle only the creation and interaction of the menu/panel system, and provides an API object for custom interaction on the site.

To do what you're looking for, you'll need to create your own event listeners on the menu links and call the .close( ) API method. Check out the documentation for how that works: http://jpanelmenu.com/#api-close

—
Reply to this email directly or view it on GitHub.

[jcarrey]

Closing with animations does not work on Android 5, had to remove the animations on closing for it to work properly, it kind of tries to close but the menu stays open.

If you using jquery mobile you need to modify the default container to :

$.mobile.changePage.defaults.pageContainer = $(".jPanelMenu-panel");

so it wont break your window.

[angaziz]

What about if I want the panel don't close when I click somewhere (except the menu (trigger button)) ? Thanks

[acolangelo]

@GieZ I think you may be looking for the option closeOnContentClick. Does that look like what you're looking for?

[angaziz]

@acolangelo Yes, thanks. I saw the documentation but I dont recognize that. LOL. thanks

[PJo777]

Apparently the fix that the author put in ( closeOnContentClick) , closes the menu when someone clicks on the document-content ( not the menu-content). I wanted the menu to close when i click on one of the menu items.

This was a simple fix . I added the following inside the "initiateContentClickListeners" method. Works like a charm.

$('.menu-item').click(function(e)
{
if ( jP.menuIsOpen() ) jP.closeMenu(jP.options.animated);
})

Now the menu closes when you click on the page-content as well as the menu-link.