1 
$('.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'）？

4

2 回答 2

3

在您的表演活动中，获取当前的 qTip 并将样式应用到它。您可以使用以下方式访问它：

api.elements.tooltip
于 2012-01-18T20:39:44.557 回答
1

查看api传递给events.show回调的对象。使用您的参数名称，您将在api.elements.target. 然后可以检查元素以决定是否应用特定样式。API
提供了更多相关元素。

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

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

于 2012-01-18T20:36:33.877 回答