使用工具提示单击而不是悬停

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 plugin。

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

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