javascript/jquery響應式工具提示關閉按鈕

Question

我想在我的響應式網頁上的文本框聚焦時使用工具提示，工具提示在模糊時應該消失。

有人告訴我哪個javascript/jquery庫最適合這個目的，下面是我的要求嗎？

1. 工具提示必須具有響應性，以便在小屏幕上例如移動設備應該出現在適當的地方。

2. 我應該在工具提示上關閉按鈕，以便在移動設備上產生干擾時關閉按鈕。

Answer 1

選項除了引導

Opentip看起來相當重量輕，功能強大且可配置的。

Tippedjs看起來不錯，有據可查。

ToolTipster看起來相當完善並記錄在案。

jQuery UI肯定會符合法案。

注意事項。一般而言，當將這些庫合併爲一小部分功能時，我發現最好使用最廣泛使用，經過測試和記錄的選擇。有時，當您使用全新的和未公開的軟件時，您可以發現自己無法解決奇怪的錯誤。

如果引導正常

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。