ボタンがオンのため、ブートストラップの確認ができません

Question

<script src="path/to/jquery.js"></script> 
<script src="path/to/bootstrap.js"></script> 
<script src="path/to/bootstrap-confirmation.js"></script> 

私はブートストラップ確認を使用しています。

このdoesntの仕事：

<a class="btn btn-danger btn-xs" data-toggle="confirmation" 
    onclick="DeleteUser(this);" data-id="10"><span class="fa fa-plus"> 
</span> Delete</a> 

この作品と同じページ：準備ができて、ドキュメント上の

<button class="btn btn-default" data- 
toggle="confirmation">Confirmation</button> 
    <a class="btn btn-default" data-toggle="confirmation">Confirmation1</a> 

私の確認の設定

$('[data-toggle="popover"]').popover({ placement: 'left', html: true, trigger: 'hover' }); 
    $('[data-toggle=confirmation]').confirmation({ btnOkLabel: 'Yes', btnCancelLabel: 'No', title: 'Are you sure?' }); 

UPDATE私のAjaxの削除機能：

function DeleteUser(ele) { 
    var id = $(ele).attr('data-id'); 
    $.ajax({ 
     type: 'POST', 
     cache: false, 
     url: '../ashx/FriendOperation.ashx', 
     data: { id: id, rol: ' ' ,op:<%=(int)CrudOp.Delete%>}, 
     beforeSend: function() { 
      //bla bla 
     }, 
     success: function (data) { 
      var jsonData = JSON.parse(data); 
      if (jsonData != null) { 
       if (parseInt(jsonData) > 0) { 

        alert('okey'); 
        GetFriendOp(); 
       } else { 
        alert('expception'); 
       } 
      } else { 

       alert('expception'); 
      } 
     } 
    }); 

} 

は私が$('#element').confirmation('show');

SUCCESSのようにAJAXを組み合わせることができます。

$（ "[データトグル=確認]"）の確認（{btnOkLabel： 'はい'、btnCancelLabel BtnOkClass：「btn btn-sm btn-success btn-xs」、btnCancelClass：「btn btn-sm btn-danger btn-xs」、「いいえ」、タイトル：「本当ですか？ onConfirm：function（イベント、要素）{alert（ 'クリック確認'）; }}））;

ありがとう@DanCouper。

Answer 1

インラインonclickハンドラは、他のイベントハンドラをバインド解除します。あなたは基本的にブートストラップがであるかどうかを上書きしています。は、自分のロジックを書いているだけなので、このインスタンスで確認しても意味がありません。 Boostrap Confirmドキュメントを見ると、ロジックを追加するためのフックが用意されています。できるだけHTMLでonclick属性を使用しないことが理想的ですが、既に定義されている（イベントリスナー）ビヘイビアーと、今行っていることを実行できるAPIにonclick属性を追加するだけではありません。それは別のものです）