html5＆amp; bootstrap模态弹出窗口 - 取消前如何确认？

Question

我有这个取消按钮，点击后我想在关闭模态弹出窗口之前显示确认提示;

<input type="button" class="btn btn-warning" data-dismiss="modal" value="Cancel" />

如您所见，我使用data-dismiss属性来关闭模式弹出窗口。 但是，如果用户已开始在表单中输入数据，我想提示用户确认他们想要离开而不进行更改。 我可以在jquery中捕获click事件，但是我必须自己关闭弹出窗口而不是使用data-dismiss。 那么这样做的最佳方式是什么？

Answer 1

这样做的最佳方式正是您所描述的。移除data-dismiss="modal"属性，然后自行关闭（using Bootstraps 'hide' method（向下滚动到'方法'）），如果他们确认要退出并丢失更改，就像这样。

if(confirm('Are you sure you want to cancel. You will lose your unsaved changes')){
    $('#myModal').modal('hide')
}