/Javascript/Bootstrap/Hide bootstrap modal jquery

Hide bootstrap modal jquery

Bootstrap modal on hide event

$('#myModal').on('hidden.bs.modal', function (e) {
  // do something...
});

3

Hide bootstrap modal jquery

$(document).ready(function(){
        $(".btn").click(function(){
            $("#myModal").modal('hide');
        });
});

1

Hide bootstrap modal jquery

$(() => {
  $(".btn").on('click', function(){
    $("#myModal").modal('hide');
  });
});

1

Hide and show modal jquery

$('#myModal').modal('toggle');
$('#myModal').modal('show');
$('#myModal').modal('hide');

0

Source: stackoverflow.com

Similar codes

-2 votes222 views1 answer
How to show bootstrap 5 modal using jquery
Javascript Bootstrap
0 vote313 views1 answer
Ratio bootstrap
CSS Bootstrap
27 votes244 views5 answers
Angular bootstrap
Javascript Bootstrap
0 vote223 views1 answer
Form.Control textarea react bootstrap
Javascript Bootstrap
0 vote267 views1 answer
Vue js doesn't support bootstrap-vue
Javascript Bootstrap
127 votes361 views4 answers
React import bootstrap css
CSS Bootstrap
0 vote282 views2 answers
./node_modules/bootstrap/dist/js/bootstrap.bundle.js
Javascript Bootstrap
2 votes239 views2 answers
No gutter in bootstrap css for row
CSS Bootstrap
0 vote230 views2 answers
Scrollspy bootstrap 5
Javascript Bootstrap
0 vote241 views1 answer
How to set the scroll in bootstrap4 table body
CSS Bootstrap

Share