Forum Discussion

Carolyn_Schroeder's avatar
Carolyn_Schroeder
Copper Contributor
Aug 09, 2019

Problem with Bootstrap 4 Modal

I am using Edge Dev 77.0.235.5

 

I am showing/hiding a Bootstrap 4 modal on Ajax calls using this jQuery code:

$(document).ajaxStart(function () {
$(‘#wait’).modal(‘show’);
});
$(document).ajaxStop(function () {
$(‘#wait’).modal(‘hide’);
});

When I make an Ajax call from an dropdown change in my View, this works fine. This Ajax call populates a table dynamically with links in the table header. Clicking one of these links will repeat the Ajax call with the data necessary to sort the table by the table header id on the backend, send the result to .done{} and rewrite the table. In Edge Dev, when I make the Ajax call from the dynamically generated link, the Bootstrap 4 modal does not close on $(‘#wait’).modal(‘hide’).

 

This code works fine in Chrome, IE and Firefox but not in Edge Dev.

2 Replies

Resources