Asp.net mvc 如何在MVC中的Html ActionLink上获得Boostrap popover功能？

我有一个带有ActionLink的表。我正试图找出如何包装这些，以便我可以显示一个引导弹出功能。感谢您的帮助

以下是我在尝试进行任何更改以允许启动Popover功能之前所做的：

<div class ="container">
<table class="table table-striped table-bordered">
    <tr>
        <th></th>
        <th></th>
        <th>Group Name</th>
        <th>Description</th>            
        <th>Last Change</th>
    </tr>

<% foreach (var item in Model) { %>

    <tr>
        <td>
        <% if (isAdmin) { %><%=Html.ActionLink("Edit", "Edit", new { id = item.GroupId }, new { @class = "fa fa-pencil", title = "Edit Group" })%>
        </td>
        <td><%= Html.ActionLink("Details", "Details", new { id=item.GroupId }, new { @class = "fa fa-info_circle", title = "Group Details"})%></td>
        <td><%= Html.Encode(item.GroupName) %></td>
        <td><%= Html.Encode(item.Description) %></td>            
        <td><%=Html.Action("ConvertToLocalTime", new {utcTime = item.LastChange})%></td>
    </tr>

<% } %>

</table>
</div>

组名
描述
最后的变化

我知道这个问题已经很老了，但我最终还是到了这里。所以，这就是我得到的。也许我可以帮助别人

工具提示和Popover数据API是可选的，这意味着您必须自己初始化它们

$（函数（）{
$（'[data toggle=“tooltip”]'）。tooltip（）
})

然后，在代码中：

@Html.ActionLink(" ", "Delete", null, new { id = item.id}, new { @class = "glyphicon glyphicon-remove", data_toggle ="tooltip", data_placement = "top", title = "Delete" })

---

你的剧本呢请参见var originalLeave=$.fn.popover.Constructor.leave；$。fn.popover.Constructor.leave=function（obj）{var self=obj instanceof this.Constructor？obj：（obj.currentTarget）[this.type]（this.getDelegateOptions（））.data（'bs.+this.type）var容器，超时；originalLeave.call（this，obj）；if（obj.currentTarget）{container=$（obj.currentTarget）.同级（'.popover'））timeout=self.timeout；container.one（'mouseenter'，function（）{cleartimout（timeout）；container.one（'mouseleave'，function（）{$.fn.popover.Constructor.leave.call（self，self）；}}}}}}$（'body'）.pover（{selector:'[data popover]，触发器：'hover'，位置：'top'}）；那是我的剧本。很抱歉格式化。不确定stackoverflow更改了它。欢迎使用stack overflow，您可以通过单击下面的“编辑”链接为您的问题添加代码。谢谢。我投了赞成票，并将你的解决方案作为答案。如果你认为我的问题对其他人有用，请投赞成票。干杯