We have some pop-up models coded in our page that use bootstrap model code and these stopped working. The error we see is below:
bootstrap.min.js?ver=3.3.7:11 Uncaught TypeError: this.$backdrop.one(...).emulateTransitionEnd is not a function
at o.backdrop (bootstrap.min.js?ver=3.3.7:11)
at o.show (bootstrap.min.js?ver=3.3.7:11)
at HTMLDivElement.<anonymous> (bootstrap.min.js?ver=3.3.7:11)
at Function.each (jquery.js?ver=1.12.4:2)
at a.fn.init.each (jquery.js?ver=1.12.4:2)
at a.fn.init.e \[as modal\] (bootstrap.min.js?ver=3.3.7:11)
at HTMLAnchorElement. (bootstrap.min.js?ver=3.3.7:11)
at HTMLDocument.dispatch (jquery.js?ver=1.12.4:3)
at HTMLDocument.r.handle (jquery.js?ver=1.12.4:3)
Not sure when this happened. The code that should initiate the popup is:
<a class="btn btn-primary btn-lg" href="#modalHotelsGambling" data-toggle="modal" style="outline: none;"><img class="alignbottom wp-image-2128" src="/images/button_2128.png" alt="button_ibb_active" width="24" height="12"></a>
The modal code is:
<div id="modalHotelsGambling" class="modal fade" tabindex="-1">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header"><button class="close" type="button" data-dismiss="modal">×</button></div>
<div class="modal-body"><img src="/wp-content/uploads/Gambling.png"></div>
</div>
<p><!-- /.modal-content --></p>
</div>
<p><!-- /.modal-dialog --></p>
</div>