/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

2 votes267 views2 answers
Disable textbox jquery
Javascript jQuery
28 votes265 views4 answers
Get value for radio button in jquery label
Javascript jQuery
98 votes287 views6 answers
Jquery if checkbox checked
Javascript jQuery
1 vote276 views1 answer
Jquery toggle attribute disabled
Javascript jQuery
4 votes289 views2 answers
How to set json type jquery ajax
Javascript jQuery
1 vote259 views1 answer
Jquery wait for all ajax requests to complete
Javascript jQuery
2 votes285 views2 answers
How to give a label padding through jquery
Javascript jQuery
0 vote274 views1 answer
Jquery add option if not exist
Javascript jQuery
0 vote309 views1 answer
Jquery select text with event target
Javascript jQuery
0 vote264 views1 answer
Autocomplete off using jquery
Javascript jQuery