Calling qtip from an ajax request

[hfidgen]

Hiya,

I'm trying to load my pages dynamically using ajax, but obviously when this happens QTIP breaks. I've put together a little call in the AJAX script to call on qtip but I can't get it working. Can anyone help?

Thanks, H

SCript 1 - AJAX loader

JS Code

if(myHttpRequest.readyState==4)
            data.innerHTML = myHttpRequest.responseText;
                                qtip_me('.div_to_act_on');
  }

Script 2 - main JQuery script

JS Code

$(document).ready(function() {
 
    function qtip_me(a) {
        $(a).each(function() {
           $(this).qtip({ 
                   content: {'showme'},
                        position: {corner: {tooltip: 'bottomLeft', target: 'topRight'}},
                        style: { 
                                  width: 300,
                                  padding: 5,
                                  background: '#A2D959',
                                  color: 'black',
                                  textAlign: 'center',
                                  border: {
                                         width: 7,
                                         radius: 5,
                                         color: '#A2D959'
                                  },
                                  tip: 'bottomLeft',
                                  name: 'dark' // Inherit the rest of the attributes from the preset dark style
                        }                       
                }); 
        });
    };
});

[Craig]

hfidgen, have you thought about using qTip's built in URL option instead? It can load remote content just like you're doing manually simply by supplying it with the URL of the content you wish to load.