qTip modifier le texte de l'info-bulle spécifique après chaque

Question

J'ai une page html avec des entrées et des zones de texte. Je veux qu'ils aient des qTip avec des textes différents.

Voici ma tentative Tout d'abord, j'ajoute un qTip à chaque élément,

$('input, textarea').each(function() {
        $(this).qtip(
                { 
                content : 'generated', //this is for debug
                position : {

                    my : 'center left',
                    at : 'center right',
                    adjust : {
                        x : 90
                    }
                }
            });
});

et j'essaie de modifier le texte d'un qTip comme suit

$("#firstName").qtip('option', 'content.text', 'adwd');

mais cela ne fonctionne pas.

J'ai essayé ceci

$("#lastName").qtip({
    content : 'text text'
});

qui fonctionne bien, mais qui écrase la position

Answer 1

Ce code fonctionne pour moi :

$("#firstName").qtip('option', 'content.text', 'new tooltip content')

Si vous devez le modifier à l'occasion d'un événement (par exemple, le passage à la vitesse supérieure ou un événement similaire), essayez d'utiliser ce code :

// make sure you target a specific tip
var qapi = $('#firstName').data('qtip'),
newtip = 'new tooltip content'
qapi.options.content.text = newtip; // update content stored in options
qapi.elements.content.text(newtip); // update visible tooltip content
qapi.redraw(); // redraw to adjust tooltip borders

Le code ne met à jour qu'une option spécifique et laisse les autres en l'état.

Démonstration : http://jsfiddle.net/IrvinDominin/L7fs5/