Show tooltip hover on image using knockoutjs

Question

I want to bind text in span tag but visible=false, and hover on image show span text in tooltip.

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

Tooltip can't display on image hover.

Answer 1

Bind to the title attribute instead of tooltip (which isn't a valid html attribute):

data-bind="attr:{title:ApprovalText}"