Popup wird nicht angezeigt ⇐ C#

[Guest]

Wenn der Benutzer Änderungen am Formular vorgenommen hat und versucht, die Seite zu verlassen, wird ein Popup angezeigt. Das Popup funktioniert beim Verlassen der Seite ordnungsgemäß. Wenn der Benutzer jedoch versucht, die Registerkarten zu wechseln, wird das Popup nicht angezeigt, aber die Seite wird unscharf.
Formularcode:

Code: Select all

@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();" }))

Tabulatormarkierung:

Code: Select all

[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(); } });

Denken Sie daran, dass ich ASP.NET Core MVC verwende und meine Registerkarten in der Teilansicht und mein Bootstraped-Modell in der Hauptansicht sind.
Ich habe es versucht Javascript-Bestätigungsereignis dafür, aber es funktioniert immer noch nicht