Как сделать частичное представление внутри тега href в приложении .NET MVC

Question

Я хочу частично отобразить тег href, но он не работает.Может кто-нибудь предложить, пожалуйста, где я иду не так?

Благодарю вас за руководство и помощь.

В _Layout.cshtml

 <li>

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

Я хочу сделать _LoginPartial при нажатиииз Login/Signup.

Пожалуйста, предложите мне.

Answer 1

Есть несколько возможностей:

• Вы можете отобразить его, вызвав действие на контроллере, которое возвращает частичное представление.
• Вы можете просто отобразить его, как и раньше, носкрыть это с помощью CSSКогда пользователь нажимает на кнопку, вы показываете частичное представление через javascript.

Второй более легкий, чем первый.Для примера:

Для примера вы можете добавить представление и скрыть его, добавив display:none через css.

<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>

И добавив событие click на кнопку входа в JavaScript/ jquery:

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

Функция toggle покажет, скрыт ли элемент, и наоборот.