使用 knockoutjs 在图像上显示工具提示悬停

Posted 2023-05-08

【中文标题】使用 knockoutjs 在图像上显示工具提示悬停

【英文标题】：Show tooltip hover on image using knockoutjs

【发布时间】：2015-12-07 20:29:42

【问题描述】：

我想在 span 标签中绑定文本，但 visible=false，然后将鼠标悬停在工具提示中显示 span 文本的图像上。

<td class="calign"><img src="~/Images/Approval.png"    data-bind="tooltip:ApprovalText" /></td>

工具提示无法在图像悬停时显示。

【参考方案1】：

绑定到title 属性而不是tooltip（这不是一个有效的html 属性）：

data-bind="attr:title:ApprovalText"

【讨论】：

砰！但我很困惑为什么你得到了 downVote 。可能附上一个有助于 OP 的小提琴（jsfiddle.net/LkqTU/26682）。

添加一个完整的小提琴来替换他们代码中使用的唯一数据绑定属性不会增加太多

显然我因给出正确答案而遭到了两次反对

@dfperry 你的回答很好，但是如果我们想为工具提示添加 css。有什么想法吗？

@PrabhatMaurya 您无法设置 html 工具提示的样式。要获得这种功能，您需要使用第三方库