Bootstrap: Cách show Modal theo ý muốn
Giải phóng thời gian, khai phóng năng lực
Giả sử ta có một link và khi double click vô link này sẽ hiện ra Modal, ta làm như đoạn code sau:
<a href="#" class="test" data-target="#exampleModal">abcd</a>
<script>
$('.test').dblclick(function(){
$('.modal').modal();
});
</script>
<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">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>
Giải phóng thời gian, khai phóng năng lực