javascript - 将 jquery onclick 甚至绑定(bind)到此工具提示

Question

我正在使用这个great tooltip它在悬停时显示工具提示(调用了 .tooltip 函数的 anchor 元素的标题)。这一次，我希望它在点击时显示，所以我这样做了:-

$(document).ready(function(){

    $(".icons a.tooltips").click(function() {
        return $($(this).attr("href")).html().easyTooltip();

        // Prevent the browser jump to the link anchor
        e.preventDefault();
    });
});

其 html 如下:

<div class="foo">
    <a class="bar" title="Lorem ipsum" href="#"></a>
    <a class="bar" title="meaningless text" href="#"></a>
    <a class="bar" title="more meaningless text" href="#"></a>
    <a class="bar" title="even more meaningless text" href="#"></a>
</div>

Answer 1

默认情况下，easyTooltip 使用悬停事件来确定是否显示或隐藏工具提示。这种行为只能通过插件的源来更改。幸运的是，事实证明这非常简单，正如您将在下面的演示中看到的那样。我所做的基本上是将工具提示触发器从悬停更改为单击，同时保持其余行为(和代码)与以前完全相同。

在演示中，还嵌入了插件代码。请注意我添加的注释，以指出插件代码中的更改。

更新了演示: http://jsfiddle.net/techfoobar/FhLLA/2/