qtip2: изменить селектор 'this' - PullRequest
Новая
       2

qtip2: изменить селектор 'this'

1 голос
/ 19 января 2012 
$('.selector').qtip({
    content: {
      text: function(api) {
         return $(this).children('.tip').clone();
      }
    },
   style: {
      classes: 'ui-tooltip-rounded',
      width: 210
   },
    position: {
      my: 'bottom center',
      at: 'bottom center',
      viewport: $(window)
   },
    hide: {
      fixed: true,
      delay: 500
   },
   events: {
      show: function(event, api) {
        $('.selector').css('border', '1px solid black');
      }
   }

});

Я использую плагин qtip 2, но я бы хотел изменить определенный селектор ('this') вместо всех селекторов.

Приведенный выше код рисует черную рамку вокруг всех моихзначки "tip" на странице ... есть ли способ (используя qtip2) ссылаться на конкретную графику "tip" ('.selector')?

Ответы [ 2 ]

3 голосов
/ 19 января 2012

В вашем шоу-событии возьмите текущий qTip и примените к нему стиль. Вы можете получить к нему доступ, используя: 

api.elements.tooltip
1 голос
/ 19 января 2012

Посмотрите на объект api, который передается обратному вызову events.show.С именами параметров вы найдете элемент (для которого показан qTip) в api.elements.target.Затем этот элемент можно исследовать, чтобы решить, применять ли определенный стиль.Дополнительные связанные элементы доступны из API .

Другой вариант - применить плагин qTip ко всем элементам, кроме одного с пользовательским стилем.Затем в другой раз с измененными параметрами для элемента только с пользовательским стилем qTip.

Обновление: ссылка на элемент, предложенная Троем Барлоу, поскольку его предложение, вероятно, является лучшим выбором, чем мой первоначально предложенный источник данных.

...