使用带有单击而不是悬停的工具提示 [关闭]答案

【问题标题】：Using tooltip with click instead of hover [closed]使用带有单击而不是悬停的工具提示 [关闭]
【发布时间】：2012-12-12 07:49:12
【问题描述】：

有没有办法让 javascript 工具提示只在您单击一个元素时才显示，而不是简单地将鼠标悬停在它上面？

我有

    var selection = canvas.selectAll("circle").data(data);

selection.enter().append("circle")

canvas.append("svg:circle")

    selection
      .attr("title", my qtip stuff)
      .on("click", function(d, i){
          /*How to make qtip show up here*/
       })

【问题讨论】：

发布您现有的代码，提供更多上下文 - 例如，您正在使用什么框架/插件等...

标签： javascript jquery html tooltip qtip

【解决方案1】：

由于您的代码块提到了qtip，我假设您使用的是qTip jQuery plugin。

当您调用.qtip() 时，您可以指定哪些事件将激活它，如下所示：

$(your_selector).qtip({
    show: 'click',
    hide: 'click'
});

【讨论】：