如何做一个[？]解释/'工具提示'链接？

Question

在输入字段旁边，我想要一个小的“[?]”链接，它会显示一个简短的说明。我希望此链接在鼠标悬停在 [?] 上以及单击 [?] 时both 显示此工具提示。没有与此 [?] 链接相关的其他操作。

当元素被点击时，一个普通的工具提示（当面对 HTML 标签或 jquery 工具提示插件时由浏览器提供）消失，这对大多数情况很有用，但不是这个。如何在点击时也显示工具提示？

<label for='myInput'>
   Type here
   <a href='#' title='brief explanation!'>[?]</a>:
</label>
<input id='myInput' name='myInput'/>

我怎样才能达到这个效果？

Answer 1

您可以使用qTip 执行此操作。使用show: { when: { event: 'click' } }。