【问题标题】:How to display a database message inside a bootstrap tooltip如何在引导工具提示中显示数据库消息
【发布时间】:2026-01-08 00:55:02
【问题描述】:
当用户将鼠标悬停在表格中的元素上时,他应该会看到该元素的消息。消息作为属性存储在模型中。
这是我到目前为止所做的:
<table>
<tr>
<td data-toggle="tooltip" data-placement="right" title=@item.Message>Message</td>
</tr>
</table>
如果只有几个字符,消息将显示在工具提示中,但没有显示很长的消息。知道我该怎么做吗?
【问题讨论】:
标签:
javascript
asp.net-mvc
twitter-bootstrap
razor
twitter-bootstrap-tooltip
【解决方案1】:
即使在某些浏览器中title 属性的字符数有限制,但它不会影响,因为您使用的是引导工具提示。它应该适用于长文本。
我可以看到您的代码的唯一问题是,您没有将文本包含在单引号或双引号中。所以假设你的 item.Message 有一个像"FirstWord and SecondWord" 这样的值,你的标记将是
<td data-toggle="tooltip" data-placement="right"
title=FirstWord and SecondWord>Message</td>
所以它只会显示FirstWord,因为在那之后有一个空格。
你应该将title属性的值用引号括起来,它会正常工作。
<td data-toggle="tooltip" data-placement="right" title="@item.Message">Message</td>