Определить стиль в JavaScript с помощью qTip2? - PullRequest
Новая
       45

Определить стиль в JavaScript с помощью qTip2?

3 голосов
/ 25 ноября 2011

В qTip1 вы можете легко стилизовать каждую подсказку во время выполнения, но, поскольку qTip2, вы можете «только» передать класс CSS для применения к подсказке.

Итак, это чище, но есть ли способ изменить стиль (или хотя бы цвет) всплывающей подсказки во время выполнения ?

Полагаю, добавление блока <style> в моём визуализированном виде с определением класса и последующим использованием этого класса может сработать, но я бы предпочел чистый способ сделать это на JavaScript.

Что ты думаешь?

1 Ответ

3 голосов
/ 07 мая 2012

Вы можете легко изменить класс (и с этим каждый стиль) во время выполнения с помощью: 

$("#tip").qtip('option', 'style.classes', 'class-you-want');

СМ. My DEMO (изменяет стиль всплывающей подсказки во время выполнения)

РЕЗУЛЬТАТ

enter image description here

HTML 

<a href="#" id="tip">Tooltip for that</a><br>
<a href="#" id="r">RED</a> - <a href="#" id="b">BLUE</a>​

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');
    });
});​

Вы можете прочитать больше в Документация

...