Qtip пузырь стайлинг

Question

Я только что выбрал плагин qtip2 для JQuery и, похоже, не могу заставить стиль работать в соответствии с их примерами. Возможно, я чего-то не понимаю?

Это их пример загрузки 6 доступных тем по умолчанию, но это ничего не меняет, использую ли я кремовый, красный, темный, светлый, синий или зеленый. Я просто продолжаю получать тему кремов по умолчанию. Они также должны были быть доступны и использоваться начиная с qtip 1x?

$("jqueryselector").qtip({
   content: 'Dark themes are all the rage!',
   style: { 
      name: 'dark' // Inherit from preset style
   }
});

Мой код в JQuery выглядит следующим образом:

$(function(){
    $('a['title']).qtip({style:{name:'red',tip:true}}); // picked up from the getting started page
});

Answer 1

Этот способ оформления всплывающей подсказки относится к исходной версии qtip который теперь заменен более новой версией. qtip2 использует лучший метод стилей на основе классов.

$('.selector').qtip({
   content: {
      text: 'I\'m blue... deal with it!'
   },
   style: {
      classes: 'ui-tooltip-blue ui-tooltip-shadow'
   }
});

Вы определенно хотите использовать qtip2, Это намного лучше, чем qtip1,

Answer 2

Похоже, вам не хватает скобок.

$('a['title']).qtip(style:{name:'red',tip:true}); // your code
$('a[title]').qtip({ style: { name: 'cream', tip: true } });  // their code

РЕДАКТИРОВАТЬ: я использовал qtip несколько месяцев назад и в итоге сделал это...

    style: {
        //name: 'cream',
        tip: true,
        background: '#E6EFF5',
        color: '#297AA8',
        border: {
            radius: 8,
            color: '#bfd8e8'
        }
    }