Bootstrap 模態框多次顯示后臺提交多次BUG的解決方法

<button class="btn btn-info" id="modal-click-error">點擊彈出模態框</button>

<div class="modal" tabindex="-1" role="dialog" id="myModal">
 <div class="modal-dialog" role="document">
 <div class="modal-content">
 <div class="modal-header">
 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
 <h4 class="modal-title">Modal title</h4>
 </div>
 <div class="modal-body">
 <p>One fine body…</p>
 </div>
 <div class="modal-footer">
 <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
 <button type="button" class="btn btn-primary">提交</button>
 </div>
 </div><!-- /.modal-content -->
 </div><!-- /.modal-dialog -->
</div><!-- /.modal -->
$(function() {

 $('#modal-click-error').on('click', function() {
 $('#myModal').modal('show');
 
 $("#myModal .btn-primary").on('click', function() {
 alert("提交");
 });
 });
 
});

$(function() {

 $('#modal-click-error').on('click', function() {
 $('#myModal').modal('show');
 });
 
 $("#myModal .btn-primary").on('click', function() {
 alert("提交");
 });
 
});