【问题标题】:Bootstrap Confirmation: Detect open and close states?引导确认:检测打开和关闭状态?
【发布时间】:2016-09-21 16:06:33
【问题描述】:

我正在尝试检测引导确认何时打开和关闭,但我无法检测到这一点。我正在使用<a> 标记来触发确认(代码如下),并尝试检测这是 jquery。

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

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

【问题讨论】:

    标签: javascript jquery twitter-bootstrap confirmation


    【解决方案1】:

    您可以使用“data-on-confirm”和“data-on-cancel”属性来注册这些特定事件的回调。这些在引导确认插件提供的文档中给出。

    例如 &lt;button class="btn btn-default" data-toggle="confirmation" data-singleton="true" data-on-confirm="myAcceptFunction" data-on-cancel="myRejectFunction"&gt;Confirmation 1&lt;/button&gt;

    【讨论】:

    • 非常感谢您的回答,它让我找到了我需要的东西。
    【解决方案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

    【讨论】:

    • 非常感谢您的回答,它让我找到了我需要的东西。
    【解决方案3】:

    由于其他答案让我到达那里,我最终找到了答案。代码只是查看触发按钮,在我的例子中,该按钮的类名为 delete,然后查找类名为 popover&lt;div&gt; 以查看它是否是可见与否。

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2017-11-19
      • 1970-01-01
      • 1970-01-01
      • 2017-04-23
      • 1970-01-01
      相关资源
      最近更新 更多