javascript - 通过单击而不是悬停使用工具提示

Question

有没有办法让 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*/
       })

Answer 1

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

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

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