Javascript 将jquery onclick绑定到此工具提示

我正在使用它来显示悬停时的工具提示（调用了.tooltip函数的锚元素的标题）。这一次，我希望它在单击时显示，因此我执行了以下操作：-

$(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>

---

easytooltip功能仅用于启动工具提示。您只需调用此函数一次

$(document).ready(function(){   
    $("foo a.bar").easyTooltip();
});

这将在鼠标悬停时显示工具提示

如果您想将其更改为仅在单击时启动，则必须修改此插件的脚本或找到另一个脚本

---

允许您指定jquery事件来显示工具提示的示例jquery插件：

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

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

---

更新的演示：

链接中的代码与您发布的代码完全不同。你为什么不按照链接中描述的那样做呢？我想这是插件的初始化代码。脚本中的正常脚本是：-$（document）.ready（函数（）{$（“.icons a.tooltips”）.easytoltip（）；}）；请下载插件以理解我的意思，即我尝试并实现onclick，甚至从插件文件本身？是的，将原始代码包装在一个。单击事件。。。我还没有尝试过，虽然我一开始尝试过，但失败了：（+1）修改插件源代码。但是请注意，当你多次点击链接时会发生什么。（但我知道你不必做所有的工作；）@ThdK-Oh！我没看到。。我想还需要一些代码来防止这种行为。更新了fiddle以确保工具提示元素只创建一次。