Всплывающее окно не отображается ⇐ Jquery

[Anonymous]

Если пользователь внес изменения в форму и попытается покинуть страницу, появится всплывающее окно. Всплывающее окно работает корректно при выходе со страницы. Однако когда пользователь пытается переключить вкладку, всплывающее окно не отображается, а страница становится размытой.
Код формы:

Код: Выделить всё

@using (Html.BeginForm(action, "Campaign", method: FormMethod.Post, htmlAttributes: new { enctype = "multipart/form-data", @class = "form-horizontal col-sm-12", @id = "CampaignDetail", onkeydown = "return event.keyCode!=13", @onsubmit = "return onSubmitForm();" }))

Разметка табуляции:

Код: Выделить всё

[list]
@{
[*]

[i][/i] Detail


if (!Model.Stage.Equals("RFQ"))
{
@*[*]

[i][/i] Comments

*@

@if (hasAgreementsPermission)
{
[*]

[i][/i] Agreement


}
[*]

[i][/i] Assets


@if (hasScriptsPermission)
{
[*]

[i][/i] Scripts


}

[*]

[i][/i] Pacing Schedule


@if (!isVendor) { [*] [i][/i] Vendor  } @if (Model.Stage.Equals("Live") || Model.Stage.Equals("Completed") || Model.Stage.Equals("Paused")) { [*] [i][/i] Lead List  } } else { if (ViewBag.UserType == TC.Model.Entities.UserTypeMappings.Vendor) { [*] [i][/i] Quotation  } else { [*] [i][/i] Allocations  } } [*] [i][/i] Life Cycle  [*] Log  } [/list] $(document).ready(function () { $('button[data-bs-toggle="tab"]').on('show.bs.tab', function (e) { localStorage.setItem('activeTab', $(e.target).attr('id')); }); var activeTab = localStorage.getItem('activeTab'); if (activeTab) { $('#SummaryTab button[id="' + activeTab + '"]').click(); } });

Помните, что я использую ASP.NET Core MVC, мои вкладки находятся в частичном представлении, а моя загруженная модель — в основном виде.
Я пробовал Событие подтверждения Javascript для этого, но оно все равно не работает

Подробнее здесь: https://stackoverflow.com/questions/784 ... displaying