如何在引导工具提示中显示数据库消息

时间:2016-04-07 13:52:28

标签: javascript asp.net-mvc twitter-bootstrap razor twitter-bootstrap-tooltip

当用户将鼠标悬停在表格中的元素上时,他应该看到该元素的消息。消息存储为模型中的属性 这是我到目前为止所做的:

<table>
<tr>
<td data-toggle="tooltip" data-placement="right" title=@item.Message>Message</td>
</tr>
</table>

如果只是几个字符,消息将显示在工具提示中,但是很长的消息没有显示出来。任何想法我该怎么办?

1 个答案:

答案 0 :(得分:2)

尽管某些浏览器中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>