qtip2:更改'this‘选择器

Question

$('.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');
      }
   }

});

我使用的是QTIP2插件，但我想更改一个特定的选择器('this')，而不是所有的选择器。

上面的代码在page...is上的所有"tip“图标周围绘制了一个黑色边框，有没有办法(使用qtip2)引用特定的"tip”图形(“.selector”)？

Answer 1

查看一下传递给events.show回调的api对象。有了参数名，您就可以在api.elements.target中找到元素(显示了它的qTip )。然后，可以检查该元素以决定是否应用特定样式。

API提供了更多相关元素。

另一种选择是将qTip插件应用于除具有自定义样式的元素之外的所有元素。然后，另一次只使用自定义样式的qTip更改元素的选项。

更新:引用由Troy Barlow提出的元素，因为他的建议可能是我最初提出的数据源更好的选择。

Answer 2

在您的show事件中，抓取当前的qTip并将样式应用于它。您可以使用以下命令访问它：

api.elements.tooltip