外部のどこかをクリックすると、ブートストラップ確認が閉じます

Question

私はブートストラップ確認プラグインを使用しています。確認の外側にクリックが発生した場合、すべての確認を終了しようとしています。いつもクリックするといつも閉じています。ここ

$('html').on('mouseup', function(e) { 
    if ($(e.target).closest("[data-toggle='confirmation']").length === 0) { 
    $("[data-toggle='confirmation']").confirmation('hide'); 
    } 

は、あなただけの代わりにhtmlのボタンをターゲットにする必要があるフィドルhttp://jsfiddle.net/zukdokpb/270/

Answer 1

です：

$("#mybutton").on('click', function(e) { 
    if ($(e.target).closest("[data-toggle='confirmation']").length === 0) { 
    $("[data-toggle='confirmation']").confirmation('hide'); 
    } 

}); 

http://jsfiddle.net/zukdokpb/271/

使用する場合、それはあなたのためにそれを行う必要がありますdata-popout属性（new fiddle） 私はあなたが最初のボタンでそれをしたが、2番目のボタンではなかったことがわかります。これを追加すると、デフォルトの機能が修正されます。その後$(e.target).closest("[data-toggle='confirmation']").lengthは実際に元のボタンをクリックしない限り0を返します。そのため、他のすべてのクリックでポップアップが隠れていました。

HTML：

<a href="#Delete" class="btn btn-primary btn-large" title="Deseja realmente excluir o projeto?" data-toggle="confirmation" data-singleton="true" data-placement="top" data-popout="true"><span title="Excluir o projeto">Excluir</span></a> 

<button type="button" class="btn" ng-show="patient.Archived" data-toggle="confirmation" data-singleton="true" data-popout="true"> 
    Archived 
</button> 

JS：

$('[data-toggle="confirmation"]').confirmation({ 
    btnOkLabel: " Sim", 
    btnCancelLabel: " Não" 
});