Question

只需将Bootstrap popover的bootstrap-confirmation扩展名添加到项目的某些按钮即可。我对选项没有得到尊重存在问题。我试图让弹出窗口作为单身人士工作，并在用户分别点击#include <iostream> #include <functional> int main() { using namespace std::placeholders; //auto fn = std::bind(std::greater<int>(), 5, _1); //std::cout << fn(7) << std::endl; //std::cout << typeid(fn).name() << std::endl; auto fn1 = std::bind(std::greater<int>(),5,6); auto fn2 = std::bind(std::less<int>(),7,5); std::cout << std::bind( std::logical_and<bool>(), fn1, fn2 )(); // how this works?? std::cout << std::logical_and<bool>()(fn1, fn2)(); // Compilation error }和singleton选项时将其解雇 - 两者都设置为true。我也没有看到任何定义的回调行为发生。

我在HTML标记和函数中定义了选项，但都不起作用。仍然有多个盒子，他们不会像预期的那样解雇。

我的JS在所有其他库之后加载，并且位于我的页脚中的data-popout文件中。

JS如下：

custom.js

我的HTML中按钮上实现的框的示例如下：

$(function() {
    $('body').confirmation({
        selector: '[data-toggle="confirmation"]',
        singleton: true,
        popout: true
    });
    $('.confirmation-callback').confirmation({
        onConfirm: function() { alert('confirm') },
        onCancel: function() { alert('cancel') }
    });
});

任何指针都将不胜感激。我甚至将<a class="btn btn-danger" data-toggle="confirmation" data-singleton="true" data-popout="true"><em class="fa fa-trash"></em></a>文件中的默认选项更改为我想要的内容，但仍然没有运气。

Answer 1

原来我需要重新排列一些东西才能让它发挥作用。我已经离开last_clicked_id等内容，因为我需要添加该内容以获取我点击的id值。

// Product removal popup logic
var last_clicked_id = null;
var last_clicked_product = null;
$('.btn.btn-danger.btn-confirm').click(function () {
    last_clicked_id = $(this).data("id");
    last_clicked_product = $(this).data("product");
});
$('.btn.btn-danger.btn-confirm').confirmation({
    singleton: true,
    popout: true,
    onConfirm: function () {
        alert("DEBUG: Delete confirmed for id : " + last_clicked_product);
        // TODO: Add AJAX to wipe entry and refresh page
    },
    onCancel: function () {
        alert("DEBUG: Delete canceled for id : " + last_clicked_product);
    }
});

我使用没有执行的回调逻辑比我自己领先一步。只需将其添加到onConfirm:函数中的onCancel:和.confirmation()键值即可解决此问题。那里有一点RTFM时刻，但遗憾的是在文档中并不是很清楚。

Bootstrap确认不尊重选项

1 个答案: