open bootstrap modal using javascript code example

Example 1: onclick open modal jquery

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

Example 2: onclick open modal jquery

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

Example 3: open bootstrap modal using javascript

$("#myModal").modal(); //open modal
$('#myModal').modal('toggle'); //open modal
$('#myModal').modal('show'); //open modal
$('#myModal').modal('hide'); //hide modal
//@sujay

Example 4: open modal in jqwuery

$("#myModal").modal('show')

Example 5: open bootstrap modal with javascript

$("#myModal").modal()

Example 6: bootstrap 4 start modal in modal

var modal_lv = 0;
$('.modal').on('shown.bs.modal', function (e) {
    $('.modal-backdrop:last').css('zIndex',1051+modal_lv);
    $(e.currentTarget).css('zIndex',1052+modal_lv);
    modal_lv++
});

$('.modal').on('hidden.bs.modal', function (e) {
    modal_lv--
});

Tags:

Css Example