enriquez / ezpz-tooltip Goto Github PK

Hi there,

I'm not sure if bind vs. live is my problem or not, but it would seem to be.

And btw, I'm using the "click" version of the source code.

I have a page that loads a shadowBox pop-up, and when it closes, I have it do a .load('filename.jsp') into a div. However, when the shadowBox closes and the div is reloaded with the .jsp, the tooltips aren't popping up (just in this section). Other tooltips do still pop up outside of the reloaded div section.

I was thinking it's because the code is doing a .click(), which is basically a bind. So I changed both .click() with .live('click', ...

Changing them both doesn't work at all (even if I don't reload the div). Changing the first .click() works when I don't reload the div section, but again still doesn't work if I do reload the div.

I also tried moving where the .load(), (where the div is being reloaded), but there are only so many places to put that after the shadowBox closes.

I understand it may have to do with some other part of all my code, but figured I'd start here to see if anyone had any thoughts on the bind vs live aspect of this?

Thanks.

Keith D Commiskey
http://kdcinfo.com

Let me start by saying, this is by far my favorite tooltip plugin, and I love it.

I noticed that there is a little bug when keeping the mouse still and scrolling (such as by mouse wheel) over a target div. Because the mouse hasn't moved the plugin can't/doesn't calculate the location, so the popup box ends up in the top left corner. I wish it would not turn the display:block. Which would be a pleasant degrade. Or better yet, correctly calculate the locate.

PS. you can only see this from after refresh and before moving your mouse over any tooltip.

I hope that made sense.

see mousemove

Is there a version of the code that works with an click onto the target rather than a mouseover? I have messed with both the last enriquez version of js and the most recent greg added and if i change the mouseover (or mousenter) to click it works for loading the content but the hover still brings in the background image. How do i change it to only work on click of the target and not do anything with a hover?

Thanks!
Matt

I found this plugin to be exactly what I have been craving. But being too green in JQuery and Javascript, I have not been able to implement it successfully!
I saved the plugin file in my root folder as jquery.ezpz.tooltip.js
I inserted the target class and IDs in the Target Divs and Content class and IDs in the Contents Divs to match those in the corresponding Target Divs.
And then entered the calling script at bottom of my page just before the closing body tag like this:

$(document).ready(function(){
$(".tooltip-target").ezpz_tooltip();
});
Please help me pinpoint my mistake.

My webpage is Bootstrap 3-based and with .php extension.