#html #asp.net-core #asp.net-core-mvc
#HTML #asp.net-ядро #asp.net-core-mvc
Вопрос:
Я хочу, чтобы модальное сообщение появлялось после того, как пользователь успешно зарегистрировался в службе. Все остальное на HTML-странице загружается по мере необходимости, однако модальное не появляется.
Код выглядит следующим образом:
<body>
<ul class="nav nav-tabs" style="background-color:blue; display:block; width:100%">
<li style="float:left; line-height:40px; padding:5px 10px 5px 10px; display:none"><a href="/Home/Subscribe" style="color:white;">Edit Profile</a></li>
@*<li style="float:right; padding: 5px 10px 5px 10px;"><a href="/Home/Edit" style="color:white;">Username: @ViewBag.username</a></li>*@
<li style="float:right; padding: 5px 10px 5px 10px;"><a href="@Url.Action("Edit","Home",new { sub_id = Context.Session.GetInt32("SubscriberNumber") })" style="color:white;">Username: @ViewBag.username</a></li>
</ul>
<div><h1 style="text-align:center;">Welcome to Service</h1></div>
<div class="modal" id="successModal" role="dialog">
<div class="modal-dialog">
<!--Modal content-->
<div class="modal-content">
<div class="modal header">
<h4 class="modal-title">Welcome to Service</h4>
</div>
<div class="modal-body">
<p>Thank you for subscribing to Haz360</p>
<p>Username: @ViewBag.username</p>
<p>Password: @ViewBag.password</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</body>
Как я могу заставить свой модальный режим отображаться при посещении этой страницы? Заранее благодарю вас.
Комментарии:
1. ПРИВЕТ @Pasindu Samaranayake, есть какие-либо обновления по этому делу, если это решение не работает, вы можете добавить больше деталей.
Ответ №1:
Вы можете добавить кнопку и нажать на кнопку, чтобы открыть модальный.
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#successModal">
Click
</button>
Если вы не хотите иметь кнопку, вы можете использовать jquery.
@section scripts{
<script>
$(document).ready(function () {
$('#successModal').modal('show');
});
</script>
}
Результат теста:
