支持换行的 JQuery 工具提示

标签 jquery jquery-plugins tooltip

我正在寻找一个轻量级的jquery插件,用于当用户将鼠标悬停在元素上时显示工具提示。我希望插件从标题属性中获取内容,而且我可以创建新行,这一点也很重要。

感谢任何帮助!

最佳答案

我通常使用tipsy .

<小时/>

你可以在tipsy中添加任何html元素,所以<br/>有效。

您只需要传递 html选项如下:

$('#example-html').tipsy({html: true });

如果您不想使用title属性来显示 html(在这种情况下不会验证),您可以使用 fallback选项。

$('#example-fallback').tipsy({fallback: "Where's my tooltip yo'? <br/> yay !" });

More options and examples on the tipsy webpage .

关于支持换行的 JQuery 工具提示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4491446/

相关文章:

javascript - 单击按钮和鼠标离开后,Bootstrap 的工具提示不会消失

javascript - Jquery根据复选框选择更改跨度文本

javascript - jQuery.has() 始终为 true

jQuery数据绑定(bind)库或插件推荐

javascript - 是否有用于操作日期的 jQuery 时间/日历插件?

javascript - 为网站创建可访问的工具提示

Jquery 无法识别变量

javascript - 如何向按钮添加 MouseDown 事件

jquery - Flexslider 中的延迟加载

javascript - 如何在移动设备中点击时禁用 Bootstrap 弹出窗口