[Solved] close by left clicking outside tip

[Xtracted]

So, I am making a right click menu with qtip2 and I want it to be hidden when you click anywhere outside the tip itself. I assume this needs to be done with the api and a special function but I cant really figure out the best way of doing it. Some help please? =)

[Craig]

Xtracted, sounds like you need a combination of right-click detection (http://craigsworks.com/projects/qtip2/tu...ightclick) and the unfocus event:

JS Code

$('.selector').qtip({
   content: $('#contextMenu'), // Use a pre-formatted element for the content
   position: {
      target: 'mouse', // Position it where the click was...
      adjust: { mouse: false } // ...but don't follow the mouse
   },
   show: 'mousedown', // Can't use click event for this, sorry!
   hide: 'unfocus',
   events: {
      show: function(api, event) {
         /* 
            event.originalEvent contains the event that caused the callback to be fired.
            event.originalEvent.button tells us which button was clicked e.g. 1= left, 2 = right;
         */
         return event.originalEvent.button === 2;
      }
   }
})
// Little snippet that stops the regular right-click menu from appearing
.bind('contextmenu', function(){ return false; });

[Xtracted]

Perfect, the hide.unfocus was just what I was looking for! Thank you!

I am using the following to prevent the right click menu from appearing:

JS Code

}).bind("contextmenu", function (e) {
                e.preventDefault();
            });

Any comments on using that vs your:

JS Code

.bind('contextmenu', function(){ return false; });

(Except that your code is much prettier=) ?

[Craig]

Well return false; actually calls preventDefault(); Check-out this article for more information: http://fuelyourcoding.com/jquery-events-...urn-false/