Question

我有一个带有HTML Action链接的Web应用程序。我的要求是在操作链接上有一个鼠标悬停/工具提示，当将鼠标放在链接上时，必须显示相应的HTML操作链接的详细信息。

以下是HTML Action链接

 <td> @Html.ActionLink(@item.Split('.')[0], "myMethod", new { name = item }, new { Class = "action add", title ="My Tooltip"})</td>

我想从这里调用一个方法，该方法返回相应的详细信息，并且这些详细信息必须作为工具提示显示给用户。

请帮助我解决此问题。谢谢！！！

Answer 1

这里是执行工具提示的JQuery插件。它将根据需要附加到控件的title属性。

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  <script>
  $( function() {
    $( document ).tooltip();
  } );
  </script>

Codepen示例：https://codepen.io/anon/pen/xmOaKJ

对于动态片段，并假设您的模型具有Title属性，您应该能够像这样处理它：

@Html.ActionLink(@item.Split('.')[0], "myMethod", new { name = item }, new { @class = "action add", @title = item.Title})

使用ASP.NET将动态文本添加到HTML ActionLink中的工具提示

1 个答案: