如何在 .NET MVC 应用程序中呈现 href 标记内的部分视图

Question

我想在 href 标记上呈现部分视图，但它不起作用。谁能建议我哪里出错了？

感谢您的指导和帮助。

在_Layout.cshtml中

 <li>

   <a class="btn btn-outline-primary ml-3" href="#">Login / Signup</a>
   </li>
     @Html.Partial("_LoginPartial")

我想在点击Login/Signup 时渲染_LoginPartial。

请给我建议。

Answer 1

有一些可能性：

• 您可以通过在返回部分视图的控制器上调用操作来呈现它。
• 您可以像以前那样渲染它，但用 css 隐藏它。当用户单击按钮时，您会通过 javascript 显示部分视图。

第二个比第一个更容易。示例：

对于示例，您可以通过 css 添加 display:none 来添加视图并将其隐藏。

<li>
   <a id="loginButton" class="btn btn-outline-primary ml-3" href="#">Login / Signup</a>
</li>

<div id="loginView" style="display:none;">
   @Html.Partial("_LoginPartial")
</div>

并在 javascript/jquery 的登录按钮上添加点击事件：

$("#loginButton").on("click", function() {
   $("#loginView").toggle();
});

toggle 函数将显示元素是否隐藏，反之亦然。