jquery - 弹出引导确认问题

Question

我遇到了 bootstrap-confirmation.min.js 弹出窗口的问题。 我制作了一个删除图片的按钮，但在删除之前，您会在按钮下方看到一个小弹出窗口。有选项:是/取消。

当我单击“取消”并尝试再次单击我的按钮时，我必须单击我的按钮两次才能再次工作。当我在框外单击时，弹出窗口也不会关闭。我找不到任何信息来解决我的问题。

有人可以帮我吗？
我的按钮如下所示:

<button class="btn btn-default btn-danger" data-foto="<?php $data['fotoproduct']->foto2 ?>" id="delete_2" data-toggle="confirmation">

维韦德

我的代码如下所示:

 $(function(){
        var removeFunction = function(id) {
            var number = id.split('_');
            var foto = $('#foto_' + number[1]).attr('href');
            var p_id = $('#hidden_field').data('p_id');
            $.ajax({
                type: "POST",
                url: "verwijderfoto",
                data: {foto: foto, p_id: p_id},
                cache: false,
                success: function (data) {
                    $('#delete_' + number[1]).hide();
                    $('#load').fadeOut();
                    $('#foto_' + number[1]).hide();
                    $('.text_delete_' + number[1]).append("Geen foto");
                }
            });
        };
        $('[data-toggle="confirmation"]').confirmation({
            title: "Weet u het zeker ?",
            backdrop: "static",
            btnCancelLabel: "Cancel",
            btnOkId: "test",
            placement: "bottom",
            onCancel : function(){
                $(this).confirmation('hide');
            }
        });
        $('#imgs > button').on('click', function () {
            var id = $(this).attr('id');
            $('body').on('confirmed.bs.confirmation', function(){
                removeFunction(id);
            })
        });
    });

除了这个文件之外，我还使用常规的 bootstrap-confirmation.min.js。希望这是足够的信息。

我期待听到您的回复。

Answer 1

尝试在 bootstrap-confirmation.js 的开头添加这一行

if(this.inState == undefined) this.inState = {};