Question

我希望在响应式网页上的文本框得到关注时使用工具提示，并且在模糊时工具提示会消失。

有人告诉我哪个javascript / jquery库最适合这个目的，下面是我的要求吗？

工具提示必须具有响应性，以便在小屏幕上，例如移动设备应该出现在适当的位置。
我应该在工具提示上关闭按钮，这样当它在移动设备上造成干扰时，它应该关闭。

Answer 1

Bootstrap以外的选项

Opentip看起来非常轻巧，功能强大且可配置。

Tippedjs看起来很好且记录良好。

ToolTipster看起来非常发达并且也有记录。

jQuery UI肯定也适合该法案。

请注意。通常，在将这些库合并为一小部分功能时，我发现最好使用最广泛使用，经过测试和记录的选择。当您使用全新的和未记录的软件时，有时您会发现自己没有回答奇怪的错误。

如果Bootstrap正常

Bootstrap有一个经过良好测试且易于使用的各种常见JavaScript enabled view components库。

您可以找到他们的tooltips here。

他们的JavaScript组件通常会涉及一些额外的标记，但是您自己尝试实现它所节省的时间非常值得。有关您的工具提示：

<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="left" title="Tooltip on left">Tooltip on left</button>

<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="top" title="Tooltip on top">Tooltip on top</button>

<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Tooltip on bottom">Tooltip on bottom</button>

<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="right" title="Tooltip on right">Tooltip on right</button>

请注意他们如何指定按钮具有data-toggle="tooltip"属性的工具提示？然后title="Your tooltip text here"成为工具提示的文字。

这也符合您的要求，因为它启用了jQuery。

带有关闭按钮的javascript / jquery响应工具提示

1 个答案: