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

});

我正在使用 qtip 2 插件，但我想更改特定选择器(“this”)而不是所有选择器。

上面的代码在页面上的所有“提示”图标周围绘制黑色边框...有没有办法(使用 qtip2)引用特定的“提示”图形('.selector')？

Answer 1

在您的表演事件中，获取当前的 qTip 并将样式应用于它。您可以通过以下方式访问它:

api.elements.tooltip