代码之家 › 专栏 › 技术社区 › code-geek

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

asp.net html

0

code-geek · 技术社区 · 7 年前

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

下面是HTML动作链接

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

我想从这里调用一个方法,它返回相应的细节,并且细节必须作为工具提示显示给用户。

帮我解决这个问题。提前谢谢!!!!

1 回复 | 直到 7 年前

1

0

Fraze 7 年前

这里是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>

代码笔示例: https://codepen.io/anon/pen/xmOaKJ

对于动态部件,假设您的模型具有 Title 属性,您应该能够这样处理它:

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