怎么用 bootstrap 代替 confirm 对话框?

Question

<a href="https://www.baidu.com" onClick="return confirmJump();">跳转到百度<a>
<script>
function confirmJump(){
  $('#jumpModal').modal('toggle');
  return false;
  // 这里要怎么才能让跳出的对话框点击确认之后再跳转到百度？
}
</script>

更新

我有一个表格，然后上面显示了没条记录，然后每条记录都有一个操作按钮（删除），这个删除需要链接到一个url。

<td>
    <a href="/delete/1/" role="button" class="btn btn-danger">删除</a>
</td>

上面的那个id是会变的，因为有多条记录。

简单的实现方法是这样：

<td>
    <a href="/delete/1/" role="button" class="btn btn-danger" onclick="return confirm('这样真的好么？');">删除</a>
</td>

现在就是觉得那个confirm对话框跟我的网页风格不匹配，想要换成bootstrap的modal框。

这是一个方法，但是不知道是不是相对最好的。

他的做法是将我选中的那个记录的herf属性添加到modal上的a标签的href属性上。

Answer 1

https://stackoverflow.com/que...

参考连接。

感谢答题的热心人。

@范捷琦Jackie
@路人

Answer 2

如果你#jumpModal里有个确认按钮——button.confirm的话，可以在加上下面这段：

<script> 
    $('#jumpModal .confirm').click(function(){
        window.open( 'https://www.baidu.com', '_self' )
    });
</script>

Answer 3

可以使用模态框事件: hidden.bs.modal 此事件在模态框被隐藏（并且同时在 CSS 过渡效果完成）之后被触发。