[Solved] Tips don't show when Modal is re-opened in Safari

[twitch]

Hello all, I am loving qTips however I've run into an issue. I have a jqueryui modal dialog that when opened shows an image map loaded via ajax. I use qTips to show information on mouseover of the various areas. This works great in all browsers the first time the dialog is opened. However in Safari, if I reopen the modal dialog the image map and areas are correct, but no tool tips appear on mouseover. Other browsers such as Chrome, Firefox and IE work fine.

I have placed the qTip code in the success: function:

JS Code

$(document).ready(function()
{
   // Use the each() method to gain access to each elements attributes
   $('area').each(function()
   {
      $(this).qtip(
      {
         content: $(this).attr('rel'), // Use the rel attribute of the area map because IE shows html in alt tag
		  position: {
                  corner: {
                     tooltip: 'bottomMiddle', // Use the corner...
                     target: 'topMiddle' // ...and opposite corner
                  }
               },
		 hide: {
            fixed: true // Make it fixed so it can be hovered over
         },
         style: {
            name: 'dark', // Give it the preset dark style
            border: {
               width: 0, 
               radius: 4 
            }, 
            tip: true // Apply a tip at the default tooltip corner
         }
      });
   });
});

I'm using the latest jquery and jqueryui. I even tried qTips 2.0 but the same issue occurred.

Any help would be greatly appreciated.

Thanks in advance,
Twitch

---

Well, I took the dialog out of the equation and instead I'm simply showing and hiding a layer. The tool tips still only show on the initial viewing of the layer. I don't know what could be different with Safari to cause this to happen and not on other browsers.

Back to the drawing board.

[Craig]

This sounds odd... is the layer only hiding/showing not destroying itself and re-creating each time? As this will cause problems. Also, are there any errors?

[twitch]

Thanks for the reply, Craig. Really appreciate it.

It is odd. I would expect this kind of weirdness from any flavor of IE, but not Safari. There are no errors in the console and I've tried .dialog('close') and .dialog('destroy') Looking at the code they seem to be generated the first time, but not the second. For now I've scratched the dialog window and just post to a different page. Not as cool as the dialog, but Safari was driving me batty...haha

I'll keep trying periodically as updates occur between jquery, Safari and qTips.

-Twitch

[twitch]

Well, I figured out a work around. Instead of generating the image map via ajax, I post to a new page and have the image map generated in the dialog as the page loads. The page looks exactly like the page posted from and I have the dialog set to auto open. This give the same effect as if the dialog simply opened on the click. The qTips appear to function normally upon opening and closing the dialog.

Thanks for a great plugin, Craig!

-Twitch