MVC -如何显示仅包含数据的单元格的引导工具提示
MVC -如何显示仅包含数据的单元格的引导工具提示
提问于 2017-03-15 00:13:30
我有下面的html
<tr class=@(item.Index % 2 == 0? "even" : "odd")>
<td>@Html.DisplayFor(modelItem => item.Data.ProductId)</td>
<td>@Html.DisplayFor(modelItem => item.Data.ProductName)</td>
<td id="cost" title="@item.Data.ToolTip" data-toggle="tooltip" data-container="body" data-placement="right">@Html.DisplayFor(modelItem => item.Data.ProductCost,"Currency")</td>
<td>@Html.DisplayFor(modelItem => item.Data.ToolTip)</td>
</tr>以及用于切换工具提示的jquery：
$(function () {
if ($('#cost').text() != '') {
$('[data-toggle="tooltip"]').tooltip();
}
});我只想在单元格有数据的情况下显示tooltips。我的工作方式似乎不太好。我遗漏了什么？
回答 1
Stack Overflow用户
回答已采纳
发布于 2017-03-15 01:09:29
在td中添加一个span，并在这个span上有工具提示。如果在跨度中没有内容-隐藏它。还请注意，对于表，您需要有唯一的id，这样，如果有多个具有此结构的行，则可能需要更改#cost。
<tr class=@(item.Index % 2 == 0? "even" : "odd")>
<td>@Html.DisplayFor(modelItem => item.Data.ProductId)</td>
<td>@Html.DisplayFor(modelItem => item.Data.ProductName)</td>
<td id="cost"><span title="@item.Data.ToolTip" data-toggle="tooltip" data-container="body" data-placement="right">@Html.DisplayFor(modelItem => item.Data.ProductCost,"Currency")</span></td>
<td>@Html.DisplayFor(modelItem => item.Data.ToolTip)</td>
</tr>以及用于切换span的jquery：
$(function () {
$('[data-toggle="tooltip"]').tooltip();
$('#cost span').each(function(){
if ($(this).text() === '') {
$(this).hide();
}
});
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/42798903
复制相关文章
相似问题
腾讯云开发者
