Bootstrap 确认：检测打开和关闭状态？

Question

我正在尝试检测 bootstrap 确认何时打开和关闭，但我无法检测到这一点。我正在使用 <a> 标签来触发确认（下面的代码），并试图检测这是 jquery.

<a class="delete" data-toggle="confirmation" title="" data-original-title="Delete Row?">
<i class="fa fa-trash-o"></i>
</a>

我最初尝试检测按钮点击但未能成功。如果确认能够在打开和关闭时触发一个功能就更好了。

Answer 1

您可以使用 "data-on-confirm" 和 "data-on-cancel" 属性来为那些特定 events.These 注册您的回调，这些在 bootstrap 确认插件提供的文档中给出。

例如 <button class="btn btn-default" data-toggle="confirmation" data-singleton="true" data-on-confirm="myAcceptFunction" data-on-cancel="myRejectFunction">Confirmation 1</button>

Answer 2

使用事件，例如：

var modalIsShown = false;

$('#myModal').on('shown.bs.modal', function () {
    modalIsShown = true;
});

$('#myModal').on('hidden.bs.modal', function () {
    modalIsShown = false;
});

http://getbootstrap.com/javascript/#modals-events

Answer 3

感谢其他答案让我找到了答案，我最终找到了答案。代码只是查看触发按钮，在我的例子中，它的 class 名称为 delete，然后查找名称为 class 的 <div> popover看是否可见。

if ($(".delete").next('div.popover:visible').length){
//do something
}

Bootstrap 确认：检测打开和关闭状态？

Bootstrap Confirmation: Detect open and close states?

javascript

jquery

twitter-bootstrap

confirmation