Suppressing tooltips with Lightbox not working

Suppressing tooltips with Lightbox not working

Hi everyone,

I'm trying to suppress the browser's tooltip when someone hovers over an image that Lightbox uses to generate the text in its popup window. I also have clueTip installed, but all that did was remove the text from the lightbox popup and move it to the cluetip popup. I tried to save the data using .data and then removing the title attribute, then adding it back, but that didn't work either. It would still show the browser's tooltip. Here's what I tried to do:

  1. $('[title]').each(function() {
            $this = $(this);
            $.data(this, 'title', $this.attr('title'));
            $this.removeAttr('title');


  2.         $this.lightBox();
        });
Don't know exactly if that's how you use .data, but either way, it's not working as expected.

Thanks,

Eugene "Eggers"

P.S. In action here: http://sandbox.freedomteas.com/store.html

UPDATE: Apparently, the tooltips don't show up in IE 6 and 7, but they do in FF 3.6 and Webkits.