2016-09-21 51 views
0

我試圖檢測何時bootstrap確認打開並關閉,但我沒有檢測到這個運氣。我正在使用<a>標籤觸發確認(代碼如下),並試圖檢測這是jQuery。Bootstrap確認:檢測打開和關閉狀態?

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

我最初試圖檢測按鈕點擊,但沒有這樣做。如果確認能夠在打開和關閉時觸​​發某個功能,那將會更好。

回答

0

我最終找到我的回答感謝其他的答案讓我在那裏。該代碼只是看着觸發器按鈕,在我的情況下,類名稱爲刪除,然後尋找<div>與類名稱popover看看它是否可見或不可見。

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

您可以通過「data-on-confirm」和「data-on-cancel」屬性爲這些特定事件註冊您的回調。這些由bootstrap確認插件提供的文檔中給出。

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

+0

非常感謝您的回答,它使我找到了我需要的東西。 – Sabre

1

使用事件,例如:

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

+0

非常感謝您的回答,它讓我找到了我需要的東西。 – Sabre