/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 vote74 views1 answer
Datatable success function
Javascript jQuery
1 vote123 views1 answer
Jquery scrolltop animate
Javascript jQuery
10 votes117 views4 answers
Add and remove class in jquery
Javascript jQuery
31 votes115 views4 answers
Jquery confirm dialog yes no
Javascript jQuery
4 votes114 views2 answers
How to set json type jquery ajax
Javascript jQuery
0 vote106 views1 answer
Local storege in jquery
Javascript jQuery
0 vote116 views1 answer
Group by hash in jquery
Javascript jQuery
0 vote109 views1 answer
Bootstrap jquery popper and js cdn
Javascript jQuery
0 vote134 views1 answer
Replace all dashes to slashes using jquery in a string
Javascript jQuery
0 vote148 views1 answer
Jquery get all input name and values and submit
Javascript jQuery