<button type="button" class="btn btn-primary" data-toggle="modal" data-title="快速下單" data-target="#exampleModal">
快速下單
</button>
<button type="button" class="btn btn-danger" data-toggle="modal" data-title="刪除樣式" data-target="#removeModal">
刪除樣式
</button>
<div class="modal fade" tabindex="-1" role="dialog" id="exampleModal" data-backdrop="static">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">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">
<p>Modal body text goes here.</p>
</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>
<div class="modal fade" tabindex="-1" role="dialog" id="removeModal" data-backdrop="static">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header bg-danger">
<h5 class="modal-title">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">
<p>Modal body text goes here.</p>
</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>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('#exampleModal').on('shown.bs.modal', function (event) {
let button = $(event.relatedTarget);
let title = button.data('title');
let modal = $(this);
modal.find('.modal-title').text(title);
})
$('#removeModal').on('shown.bs.modal', function (event) {
let button = $(event.relatedTarget);
let title = button.data('title');
let modal = $(this);
modal.find('.modal-title').text(title);
})
})
</script>