Asp.net MVC在ActionLink上的页面顶部插入部分视图单击

所以我有3个视图（以及1和2个部分）-索引、\u归档、\u列表项

在_ListItem上有一个存档按钮，它应该有一个JS确认弹出窗口，如果单击ok，它应该会在页面顶部显示一个引导成功警报

以下是存档按钮的_ListItem中的代码：

@Html.ActionLink("Archive", "_Archive", new { id = Model.Id }, new { @class = "btn btn-danger btn-sm", onclick = "return confirm('You are about to mark \"" + @Model.Id + " - " + @Model.Name + "\" archived, are you sure you want to continue?');" })

---

现在确认功能可以工作了，但是如何让我的存档弹出窗口在索引页面的顶部弹出，而不将我带到单独的页面？

让我们使用一些不引人注目的javascript来处理单击事件

@Html.ActionLink("Archive", "Index","Home", new { id = "Test" },
                        new{ @class = "btn btn-danger btn-sm confirm" })

和javascript来处理锚标记上的单击事件

<script>
  $(function() {

       $(".confirm").click(function(e) {

          e.preventDefault();

          var yes = window.confirm('You are about to mark "' + @Model.Name +'" archived.');
          if (yes) {
                alert("show the popup now");
                // Here invoke the code to bring the model popup
           }

       });
  });
</script>

$（函数（）{
$（“.confirm”）。单击（函数（e）{
e、 预防默认值（）；
var yes=window.confirm（'您将要标记“++@Model.Name+”“存档”）；
如果（是）{
警报（“立即显示弹出窗口”）；
//在这里调用代码以打开模型弹出窗口
}
});
});