takien / jpushmenu Goto Github PK

Tested these demos using iPhone Safari and Chrome. On mobile only, When further down the page and toggling the menu, the open menu gets partially cut off at the top. I've tried css fixes like max-height: 100vh but nothing seems to prevent it. This issue is a nuisance on long pages.

Hi,

Is there any way i can have multiple instances.

I have 2 menus. And i want one to close on body click and the second should not close on body click.

Any help will be appreciated.

Hi, it looks like this project can't be found on bower:

$ bower install jPushMenu

bower jPushMenu#*               cached https://github.com/takien/jPushMenu/archive/master.zip#e-tag:1e960b77f
bower jPushMenu#*             validate e-tag:1e960b77f against https://github.com/takien/jPushMenu/archive/master.zip#*
bower                        ENOTFOUND Package jPushMenu not found

closeOnEsc: true

// Close menu on Esc
if (o.closeOnEsc) {
$(document).keyup(function(e) {
if (e.keyCode === 27) {
jPushMenu.close(o);
}
});
}

Hi there,

You've got bower install as the instruction, but it should be at least:

bower install jPushMenu

;-)

Thanks for writing this plugin. Is there a simple way or extension to hide the menu after a link in the menu is clicked?

Dear Takien,
thanks for the great jog you did with jPushMenu.

I tried to use with Bootstrap Framework (http://twitter.github.io/bootstrap/), but e.stopPropagation() disabled dropdown functionality inside .cbp-spmenu nav.
If you set closeOnClickOutside: false everything works fine, but obviously it is impossible to click outside.

You can check an example here
http://jsfiddle.net/J3NeP/16/

Thanks so much!!

Hi,
push menu iphone blink problem
example; dreamstalk.org/mobile

Thanks,

i have changed the 'closeOnClickLink' :
closeOnClickOutside: true,
closeOnClickLink : true
to
closeOnClickLink : flase

but still not working when i click on URL the menu Disappears !

jPushMenu background color don't work fine with the new BootStrap 3.2.0, anybody saw a solution?

Hi,

Just an idea, it would be great if jPushMenu had a default CSS style that didn't have any blue backgrounds / border / bullets etc. As I use this script for client sites, it's a hassle to override all of those styles, particularly if we are using Bower and there's no opportunity to directly edit jPushMenu's CSS directly. Perhaps instead the blue styles could be seperated into another CSS file that can be toggled on or off based on user preference.

The file I refer to is: https://github.com/takien/jPushMenu/blob/master/css/jPushMenu.css

Hey there, really like this script - I was wondering if perhaps you'd consider adding your project to Bower so it can be maintained through that system? More info here: http://bower.io/docs/creating-packages/

The options have this as the default:

activeClass : 'menu-active',

... but the close event hard codes the activeClass as 'active'

$('.jPushMenuBtn,body,.cbp-spmenu').removeClass('disabled active cbp-spmenu-open cbp-spmenu-push-toleft cbp-spmenu-push-toright');

This means that on clickoutside, the toggle button doesn't lose it's activeClass. The workaround is to set an activeClass as 'active' but the solution would be to replace 'active' in removeClass with the option value of activeClass

I was wondering if you could help me figure out how to get rid of the original menu that appears on hover for the secondary menu items. I am using jPushMenu at www.dsdcompanies.com. I have tried fix it using CSS but I am stuck and can't figure it out. Thank you

Is there a way to lock the body when the menu is open. Especially on mobile because when you scroll the menu and reached the bottom the body will scroll along it. Also it creates white space beacuse of androids tool bar that dissapear and appear depending on screen idle status?

1.1.1 does not have correct bower info

roots/sage#1313

New release should include this commit: 374c2f7

This doesn't appear to have any specific copyright or license noted in the metadata or the code itself.

would you please
Let me know!

How can we use this script with bootstrap navbar, same script start working on mobile view with same navbar menu items.

Hi Takien,
This is really an awesome job but ourside close doesn't work on both ipad and iphone. And I'm getting some errors when I have another position fixed element on my website ( it worked well on computer but got errors on ipad). Hope you will check and fix these errors :)

Thanks!

Hi there,

I was wondering if there were any options or techniques for displaying second-level menu items in your script, eg:

Home (primary item)
      About Us (second level item)
      Contact Us
      Another link 

Maybe a collapsible script or add on might do the trick, but if you know of a quick and easy solution, we'd love to know! Thanks!

PS We've used your menu script on a major government website that we've recently designed: http://www.icac.sa.gov.au/ - it is all working beautifully too. Thought you might like to know!

Couldn't find the string anywhere...

Hi,

The jPushMenu is really great! However if the screen size is smaller (iphone screen), the side menu is not scrollable, eventhough the content of the page is scrollable.

Can you provide the code to make the menu becomes scrollable?

Thanks!!

I have a weird issue I could do with some help with...

I have implemented the menu for this wordpress site:
http://bs-14-001.barefacemediaprojects.co.uk/

Works great - thanks for the effort into this.

However, when you click on a case study:
http://bs-14-001.barefacemediaprojects.co.uk/the-hyde-group/

The menu doesnt respond on touch. Really don't know why this is happening! Any ideas?

Thanks

Hello,

Thanks a lot for this! I really love it!

I need that the menu doesn't close when i click inside... so i try this..

jQuery(document).ready(function($) {
$('.toggle-menu').jPushMenu({closeOnClickInside: false});

});

But it close when i cick...
I need it because i have a textbox in the menu to search... and when i click in the textbox.. the menu close...

thanks

Pascal