разочарование по поводу запроса qTip - PullRequest
Новая
       17

разочарование по поводу запроса qTip

0 голосов
/ 04 марта 2012

Я пытаюсь использовать плагин qTip jQuery, чтобы добавить немного чуткости на мой сайт, но с ним ничего не получится.Я прочитал некоторые из документации, но это не помогает вообще.по сути, я пытаюсь сделать действительно простые вещи, такие как стиль всплывающих окон и тому подобное, но это не работает.Я могу заставить всплывающие окна работать, но их настройка вообще является проблемой.Например, такие вещи: 

$('.hoverDes[title]').qtip({
    position: {
        my: "bottom-right",
        at: "top-left",
        target: $(".hoverDes")
    }
});

вообще не позиционируют всплывающее окно, а такие вещи: 

$('.hoverDes[title]').qtip({
    style: {
        background: orange;
    }
});

вообще не стилизуют их.Что мне здесь не хватает?

1 Ответ

0 голосов
/ 04 марта 2012

Это просто.
PD: я не читал документацию, я не знаю, есть ли способ стилизовать команды, но вы можете стилизовать их с помощью базовых CSS.
http://craigsworks.com/projects/qtip2/demos/

Когда вы наводите курсор на элемент, qtip генерирует и добавляет некоторые элементы div с этими классами: 

ui-tooltip qtip ui-helper-reset ui-tooltip-default  ui-tooltip-pos-tl


Используйте Firebug в Firefox. А затем найдите эти div.

В качестве быстрого примера вы обнаружите, что эти правила из jquery.qtip.min.css будут использоваться для стилизации цвета. 

.ui-tooltip-default .ui-tooltip-titlebar, .ui-tooltip-default .ui-tooltip-content {
  background-color: #FFFFA3;
  border-color: #F1D031;
  color: #555555;
}
...