在ASP.Net MVC中显示弹出消息和此弹出消息中的链接[到另一个URL]

Question

从前端（使用F12），我可以看到这样的HTML：

 <a href="/System/TechSupport" id = "TechSupport"> Tech Support</a> ==$0

我的要求是：我想显示一个弹出消息，并带有指向该弹出消息中另一个URL的链接。

我有这样的控制器方法：

 [Authorize]
 public ActionResult TechSupport()
   {
      UserAction("TechSupport","");
      if(!userrole)
       {
          ...
       }
          ...
        return View();
   }

TechSupport.cshtml如下：

 @model TechMVC.Model.Support
  @{
      ViewBag.Title = "Tech Support";
      Layout = "~/Views/Shared/_SystemsLayout.cshtml";
   }

@section AddToHead{

      <link href="~/css/jquery-ui.css" type="text/css" rel="stylesheet" media="all"/>
      <link href="~/css/global.css" type="text/css" rel="stylesheet" media="all"/>
      <script src="~/Scripts/jquery-1.12.0.js"></script>
      <script src="~/Scripts/jquery-us.js"></script>

      <script src="~/Scripts/qstring.js" type="text/javascript"></script>
      <script src="~/Scripts/jquery.rating.js" type="text/javascript"></script>
      <script src="~/Scripts/example.js" type="text/javascript"></script>
      
     <script type="text/javascript" src="~/Scripts/pages/systechsupportsrc.js"></script>
 }

  <div class="clear">
  </div>
  <div class="sub-heading">
     ....
  </div>

_SystemsLayout.cshtml是：

  <ul if = "sub_nav">
      <li style = "margin-top": 0px;"@Html.ActionLink("Tech Support","TechSupport","Systems",null,new {id="TechSupport"})</li>
  </ul>

编辑：这是我尝试进行的测试...

在TechSupport.cshtml中：

  <div id="dialog-model" title = "Basic Model Dialog">
   <p> This is a test popup message</p>
  </div>

在_SystemLayout.cshtml中：

<script>
   $(function() {

   $("dialog-model").dialog({
       height:120,
       model: true
    });
   });
</script>
   

在这里我可以弹出消息。但是，此对话框中没有关闭图标。无法得到为什么？并且，需要做些什么“以显示弹出消息，并链接到该弹出消息中的另一个URL。”？如何实现呢？谢谢。