swal().then(function ()) не запускается в Internet Explorer 11
Надеюсь, что вы можете помочь мне с этим, я предполагаю, что есть кое-что, что мне не хватает.
мой _layout.cshtml
содержит все соответствующие сценарии для работы в IE:
(это работало в предыдущих версиях, хотя нам давно не приходилось поддерживать IE)
@if (Request.Browser.Browser == "IE" || Request.Browser.Browser == "InternetExplorer")
{
<script src="https://npmcdn.com/es6-promise@3.2.1"></script>
}
<script type="text/javascript" src="~/bower_components/sweetalert2/dist/sweetalert2.min.js"></script>
<!--[if IE 9]>
<script src="~/bower_components/sweetalert2-ie9/dist/sweetalert2.min.js"></script>
<![endif]-->
Как видите, обещание включено раньше sweetalert2
и я знаю, что это нормально, так как подсистема подсвечивания в моей форме отправляется.
Проблема в том, что когда я нажимаю "Да", .then()
функция не срабатывает, в отладчике она игнорируется и сразу пропускается. Это относится только к IE, только проверено в 11 на данный момент, я сейчас собираюсь проверить другие версии. Я не могу понять, почему это происходит, какие-либо идеи?
Соответствующий.js:
vm.PostCommentData = function (postData, event) {
var $commentTextBoxId = '#' + vm.createRemedyCommentId;
if ($($commentTextBoxId).length) {
var globalTranslations = globalDashboard.GetTranslations();
swal({
title: translations.AreYouSureYouWantToSubmit,
text: '',
type: 'warning',
showCancelButton: true,
confirmButtonText: '<i class="fas fa-thumbs-up"></i> ' + globalTranslations.Yes,
cancelButtonText: '<i class="fas fa-thumbs-down"></i> ' + globalTranslations.No,
confirmButtonClass: 'btn btn-success',
cancelButtonClass: 'btn btn-danger',
buttonsStyling: false
}).then(function () {
vm.state($(event.currentTarget).data('state'));
var newComment = $($commentTextBoxId).val();
var errorMessage = $("<ul class='list-unstyled' />");
var hasErrored = false;
if (vm.selectedQuestions().length == 0) {
errorMessage.append("<li>" + translations.AtLeastAQuestionIsRequiredToBeSelected + "</li>");
hasErrored = true;
}
if (vm.selectedDealershipId() == undefined) {
errorMessage.append("<li>" + translations.PleaseSelectADealership + "</li>");
hasErrored = true;
}
if (newComment === '') {
errorMessage.append("<li>" + translations.CommentTextIsRequired + "</li>");
hasErrored = true;
}
if (hasErrored) {
swal({
title: translations.Warning,
html: errorMessage,
type: 'error',
buttonsStyling: false,
confirmButtonText: '<i class="fas fa-check"></i> ' + globalTranslations.OK,
confirmButtonClass: 'btn btn-success'
});
}
else {
var successMessage = translations.YourRemedyHasBeenSubmitted;
if (vm.selectedQuestions().length > 1)
successMessage = translations.YourRemediesHaveBeenSubmitted;
swal({
title: translations.Completed,
text: vm.globalViewModel().decodeEntities(successMessage),
type: 'success',
buttonsStyling: false,
confirmButtonText: '<i class="fas fa-check"></i> ' + globalTranslations.OK,
confirmButtonClass: 'btn btn-success'
}).then(function () {
$(remedyBoxId + " .overlay").show();
$('#create-remedy-commentFormId').submit();
});
}
});
}
}
vm.
является knockout.js
но я почти уверен, что нокаут не играет в этом роли.
1 ответ
После долгих прогулок я понял, что для этого нужен сервис polyfill.
Мои теги IE были обновлены до:
@if (Request.Browser.Browser == "IE" || Request.Browser.Browser == "InternetExplorer")
{
<script src="https://cdn.polyfill.io/v2/polyfill.min.js"></script>
<script src="https://npmcdn.com/es6-promise@3.2.1"></script>
}
Должен любить 1 исправления линии!