怎么用 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

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