/Javascript/jQuery/Data-dismiss= modal in jquery

Data-dismiss= modal in jquery

Modal dismiss

<!-- Button trigger modal -->
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModalCenter">
  Launch demo modal
</button>

<!-- Modal -->
<div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLongTitle">Modal title</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">×</span>
        </button>
      </div>
      <div class="modal-body">
        ...
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>

Source: getbootstrap.com

Jquery close bootstrap model

$('#modal').modal('hide');

Source: stackoverflow.com

Data-dismiss="modal" in js

$('.close').click();

Source: stackoverflow.com

Data-dismiss= modal in jquery

$(document).ready(function(){
        // Open modal on page load
        $("#myModal").modal('show');
 
        // Close modal on button click
        $(".btn").click(function(){
            $("#myModal").modal('hide');
        });
    });

-2

Similar codes

0 vote174 views1 answer
Check if element has childs jquery
Javascript jQuery
4 votes222 views3 answers
Set value of radio button jquery
Javascript jQuery
22 votes130 views1 answer
Jquery loop over elements
Javascript jQuery
6 votes165 views2 answers
Jquery check if document loaded
Javascript jQuery
12 votes172 views2 answers
How to fetch the selected value of dropdown jquery
Javascript jQuery
22 votes154 views6 answers
Jquery get id value
Javascript jQuery
31 votes166 views6 answers
Get value of checked radio button jquery
Javascript jQuery
0 vote155 views1 answer
Jquery is triggered on every element with class name
Javascript jQuery
3 votes124 views2 answers
Checkbox on click jquery
Javascript jQuery
1 vote142 views1 answer
Bootstrap modal tooltip
Javascript jQuery