引导程序确认取消单击确认

时间:2019-04-15 19:45:29

标签: twitter-bootstrap twitter-bootstrap-3 bootstrap-confirmation

我正在尝试这样。我的目标是取消确认和警报信息。

    var item = $('[data-toggle=confirmation]');
    item.on('confirmed.bs.confirmation', function(e,v) { 

       if(everyThingIsOkey){

         go event ...
       }
       else{
        e.stopImmediatePropagation(); //not working
        e.preventDefault(); //not working
        //cancel confirmation and alert information.
       }
    });
    item.confirmation({ btnOkLabel: 'Yes', btnCancelLabel: 'No', title: 'Are you sure?' });

我正在使用Bootstrap Confirmation 2.4.0和Bootstrap v3.3.6

这是引导程序确认examples

我的HTML出现问题:

<a id="cphBody_grdPopulasyon_lnkOnayla_0" class="btn btn-success btn-xs" data-toggle="confirmation" href="javascript:__doPostBack('ctl00$cphBody$grdPopulasyon$ctl02$lnkOnayla','')" style="cursor: pointer" data-original-title="" title="" aria-describedby="confirmation108897"><i class="fa fa-check"></i></a>

1 个答案:

答案 0 :(得分:0)

要使确认正常工作,您应该遵循两个规则:

  1. 通过JavaScript启用确认:
$('[data-toggle=confirmation]').confirmation({
   rootSelector: '[data-toggle=confirmation]',
   // other options
});
  1. 为了具有良好的行为,必须在手动附加事件监听器(使用$.on()之前初始化插件)