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

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

  •  0
  • code-geek  · 技术社区  · 6 年前

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

    下面是HTML动作链接

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

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

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

    1 回复  |  直到 6 年前
        1
  •  0
  •   Fraze    6 年前

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