/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

3 votes185 views6 answers
Select dropdown value using jquery
Javascript jQuery
0 vote132 views2 answers
How to clear radio field in jquery
Javascript jQuery
0 vote156 views1 answer
How to submit form on changed url in function in jquery
Javascript jQuery
12 votes155 views2 answers
Download jquery 3.1.1
Javascript jQuery
1 vote144 views1 answer
JQuery select elements by name
Javascript jQuery
2 votes140 views1 answer
Jquery tag name
Javascript jQuery
0 vote151 views1 answer
Jquery how to get Id of child in div
Javascript jQuery
0 vote138 views1 answer
Jquery get multiple input values by name
Javascript jQuery
23 votes154 views5 answers
How to reset form values in jquery
Javascript jQuery
14 votes141 views3 answers
Clear arrays in jquery
Javascript jQuery