Comments on: jQuery Context Menu Unbind Click Fix http://www.timgittos.com/jquery-context-menu-unbind-click-fix?utm_source=rss&utm_medium=rss&utm_campaign=jquery-context-menu-unbind-click-fix professional bit pusher Thu, 08 Jul 2010 10:20:48 +0000 hourly 1 http://wordpress.org/?v=3.0.1 By: cifroes http://www.timgittos.com/jquery-context-menu-unbind-click-fix/comment-page-1#comment-227 cifroes Wed, 21 Apr 2010 08:07:21 +0000 http://www.timgittos.com/?p=347#comment-227 Please note that this fix doesn't work if you use multiple menus in the same page with the same <ul>. (same menu associated with several links)<br><br>My fix is to put the ondocumentclick at the top of the page:<br>if (jQuery)( function() {<br><br> // External click event for document<br> var onDocumentClick = function () {<br> $(document).unbind('click', onDocumentClick //.unbind('keypress');<br> $(".contextMenu").hide();<br> return false;<br> };<br><br><br>And add:<br>// Show the menu<br>$(document).unbind('click', onDocumentClick Please note that this fix doesn't work if you use multiple menus in the same page with the same <ul>. (same menu associated with several links)

My fix is to put the ondocumentclick at the top of the page:
if (jQuery)( function() {

// External click event for document
var onDocumentClick = function () {
$(document).unbind('click', onDocumentClick //.unbind('keypress');
$(“.contextMenu”).hide();
return false;
};

And add:
// Show the menu
$(document).unbind('click', onDocumentClick

]]> By: Rob B http://www.timgittos.com/jquery-context-menu-unbind-click-fix/comment-page-1#comment-226 Rob B Mon, 15 Feb 2010 12:33:42 +0000 http://www.timgittos.com/?p=347#comment-226 Thanks so much! This sorted everything out perfectly! Awesome! Thanks so much! This sorted everything out perfectly! Awesome!

]]> By: Rob B http://www.timgittos.com/jquery-context-menu-unbind-click-fix/comment-page-1#comment-299 Rob B Mon, 15 Feb 2010 12:33:00 +0000 http://www.timgittos.com/?p=347#comment-299 Thanks so much! This sorted everything out perfectly! Awesome! Thanks so much! This sorted everything out perfectly! Awesome!

]]> By: Kevin http://www.timgittos.com/jquery-context-menu-unbind-click-fix/comment-page-1#comment-225 Kevin Wed, 03 Feb 2010 20:09:49 +0000 http://www.timgittos.com/?p=347#comment-225 I have a strange issue and this seems to be the only place on google I could track down that has done extra work with this. Basically, I am trying to dynamically have multiple menus for the same div, and the menu that comes up will be based on the item you are currently hovering over. It seems as though what is happening is that as soon as the menu is loaded for a div, it stays there. Do you know a way to possibly destroy the current menu and reload a new menu on every mouse click on a div? I have a strange issue and this seems to be the only place on google I could track down that has done extra work with this. Basically, I am trying to dynamically have multiple menus for the same div, and the menu that comes up will be based on the item you are currently hovering over.

It seems as though what is happening is that as soon as the menu is loaded for a div, it stays there. Do you know a way to possibly destroy the current menu and reload a new menu on every mouse click on a div?

]]> By: Kevin http://www.timgittos.com/jquery-context-menu-unbind-click-fix/comment-page-1#comment-298 Kevin Wed, 03 Feb 2010 20:09:00 +0000 http://www.timgittos.com/?p=347#comment-298 I have a strange issue and this seems to be the only place on google I could track down that has done extra work with this. Basically, I am trying to dynamically have multiple menus for the same div, and the menu that comes up will be based on the item you are currently hovering over. It seems as though what is happening is that as soon as the menu is loaded for a div, it stays there. Do you know a way to possibly destroy the current menu and reload a new menu on every mouse click on a div? I have a strange issue and this seems to be the only place on google I could track down that has done extra work with this. Basically, I am trying to dynamically have multiple menus for the same div, and the menu that comes up will be based on the item you are currently hovering over.

It seems as though what is happening is that as soon as the menu is loaded for a div, it stays there. Do you know a way to possibly destroy the current menu and reload a new menu on every mouse click on a div?

]]> By: Richard http://www.timgittos.com/jquery-context-menu-unbind-click-fix/comment-page-1#comment-224 Richard Mon, 01 Feb 2010 17:50:18 +0000 http://www.timgittos.com/?p=347#comment-224 Thank you so much for this article, this bug haunted me for like forever. Thank you so much for this article, this bug haunted me for like forever.

]]> By: Richard http://www.timgittos.com/jquery-context-menu-unbind-click-fix/comment-page-1#comment-297 Richard Mon, 01 Feb 2010 17:50:00 +0000 http://www.timgittos.com/?p=347#comment-297 Thank you so much for this article, this bug haunted me for like forever. Thank you so much for this article, this bug haunted me for like forever.

]]> By: Tim http://www.timgittos.com/jquery-context-menu-unbind-click-fix/comment-page-1#comment-206 Tim Tue, 11 Aug 2009 15:53:30 +0000 http://www.timgittos.com/?p=347#comment-206 Hey Peter, thanks for that. I'll look at the full copy of the source I keep and see if I can roll those into it. Hey Peter, thanks for that. I’ll look at the full copy of the source I keep and see if I can roll those into it.

]]> By: Tim http://www.timgittos.com/jquery-context-menu-unbind-click-fix/comment-page-1#comment-296 Tim Tue, 11 Aug 2009 15:53:00 +0000 http://www.timgittos.com/?p=347#comment-296 Hey Peter, thanks for that. I'll look at the full copy of the source I keep and see if I can roll those into it. Hey Peter, thanks for that. I’ll look at the full copy of the source I keep and see if I can roll those into it.

]]> By: PeterTheNiceGuy http://www.timgittos.com/jquery-context-menu-unbind-click-fix/comment-page-1#comment-205 PeterTheNiceGuy Mon, 10 Aug 2009 16:44:05 +0000 http://www.timgittos.com/?p=347#comment-205 Thanks a lot for your fix! I think I had the same problem as Thomas. When I clicked once outside the context menu, it disapeared as expected, but then it would never show again because as soon as it shows, the onDocumentClick would kick in and hide it again. I fixed it by changing this line: $(document).unbind("click", this) to $(document).unbind("click", onDocumentClick) The this in the onDocumentClick function is not the function itself. Another thing I fixed: somehow the unbind of the menu elements was not working for me. When you choose the Edit menu for the first time the Alert shows up once. When you then right-click and choose edit again, the alert shows 2 times, then 3 times etc. I fixed that by unbinding the click event in the click event handler of the menu item: $('#' + o.menu).find('li:not(.disabled) a').click(function() { $(this).unbind('click'); ... hope it helps someone. took me some time to figure out Thanks a lot for your fix!
I think I had the same problem as Thomas. When I clicked once outside the context menu, it disapeared as expected, but then it would never show again because as soon as it shows, the onDocumentClick would kick in and hide it again.

I fixed it by changing this line:
$(document).unbind(“click”, this)
to
$(document).unbind(“click”, onDocumentClick)

The this in the onDocumentClick function is not the function itself.

Another thing I fixed:
somehow the unbind of the menu elements was not working for me. When you choose the Edit menu for the first time the Alert shows up once. When you then right-click and choose edit again, the alert shows 2 times, then 3 times etc.
I fixed that by unbinding the click event in the click event handler of the menu item:
$(‘#’ + o.menu).find(‘li:not(.disabled) a’).click(function() {
$(this).unbind(‘click’);
…

hope it helps someone. took me some time to figure out

]]>