Chargement jQuery qTap code dynamiquement

Question

Pour une application que j'écris, j'ai besoin de charger dynamiquement du contenu dans un DIV lorsqu'un formulaire est soumis.

Ce contenu chargé dynamiquement nécessite plusieurs info-bulles à afficher automatiquement au moment du chargement (pas besoin d'un événement pour le déclencher). J'ai choisi qTip parce qu'il a des paramètres pour le faire, contrairement à la plupart des autres infobulles que j'ai trouvé, qui nécessitent un événement pour déclencher l'info-bulle (comme onmouseover).

Ce code Qtip utilisé pour y parvenir:

 
$(function(){ 
    $('#someelement').qtip({ 
     content: 'This is the message!', 
     show: { ready: true, when: false }, 
     hide: { false }, 
     position: { 
      corner: { 
       target: 'topLeft', 
       tooltip: 'bottomRight' 
      } 
     }, 
     style: { 
         ............ styling code here................ 
      } 
     } 
    }) 
}); 

Cela fonctionne bien dans une forme ou que je l'essayer. La pointe apparaît avec succès.

Toutefois, l'info-bulle n'apparaît pas si je charge dynamiquement ce code avec le contenu.

Le contenu est en cours de chargement à l'aide de la bonne forme de Malsup et des plugins taconite.

Toutes les idées seraient grandement appréciées!

Bien sûr, si vous connaissez une autre méthode ou un autre plugin que je pourrais utiliser pour obtenir le même effet, ne vous gênez pas pour le suggérer. :)

Answer 1

J'ai déjà eu ce problème et voici comment je l'ai résolu. Mettez le code du plugin dans une fonction séparée et appeler le document prêt:

$(function(){ 
    loadQtip(); 
}); 

function loadQtip() { 
    $('#someelement').qtip({ 
     content: 'This is the message!', 
     show: { ready: true, when: false }, 
     hide: { false }, 
     position: { 
      corner: { 
       target: 'topLeft', 
       tooltip: 'bottomRight' 
      } 
     }, 
     style: { 
         ............ styling code here................ 
      } 
     } 
    }) 
} 

Ensuite, lorsque vous ajoutez de nouvelles données appelez à nouveau la fonction:

... 
complete: function() { 
    loadQtip(); 
} 

Vous trouverez pour des événements tels que clic , change etc la méthode .live() fonctionne un régal, mais lorsque vous définissez un plugin à un élément, il n'y a pas de méthode persistante.