Définir le style en javascript avec qTip2 ?

Question

En qTip1, vous pouviez facilement styliser chaque info-bulle à l'exécution, mais depuis qTip2, vous ne pouvez "que" passer une classe CSS à appliquer à l'info-bulle.

Donc c'est plus propre, mais y a-t-il toujours un moyen de changer le style (ou au moins la couleur) d'une info-bulle à l'exécution ?

Je suppose qu'ajouter un bloc </code> dans ma vue rendue définissant une classe et ensuite utiliser cette classe pourrait fonctionner, mais je préférerais une manière purement JavaScript de le faire.</p> <p>Qu'en pensez-vous ?</p></x-turndown>

Answer 1

Vous pouvez facilement changer la classe (et avec cela chaque style) à l'exécution avec :

$("#tip").qtip('option', 'style.classes', 'classe-vous-voulez');

VOIR mon DEMO (cela modifie le style de l'info-bulle à l'exécution)

RÉSULTAT

HTML

Info-bulle pour cela
ROUGE - BLEU​

JavaScript

$(function() {
    $("#tip").qtip({
    content: {
        text: "Test"
        }});
    $("#r").click(function() {
        $("#tip").qtip('option', 'style.classes', 'ui-tooltip-red');
    });
    $("#b").click(function() {
        $("#tip").qtip('option', 'style.classes', 'ui-tooltip-blue');
    });
});​

Vous pouvez en savoir plus dans la Documentation