我有以下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
。我的方式似乎无法正常工作。我想念什么?
在TD中添加一个跨度,并在跨度上具有工具提示。然后,如果跨度没有内容 - 隐藏它。另请注意,您需要为表具有唯一的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>
和用于切换跨度的jQuery:
$(function () {
$('[data-toggle="tooltip"]').tooltip();
$('#cost span').each(function(){
if ($(this).text() === '') {
$(this).hide();
}
});
});