Question

我从bootstrap-confirmation.min.js弹出一个问题。我已经制作了一个删除图片的按钮，但在删除之前，你会在按钮下面弹出一个小弹出窗口。使用选项：是/取消。

虽然我点击取消，并尝试再次点击我的按钮，但我必须再次单击我的按钮两次才能再次使用。当我在框外点击时，弹出窗口也不会关闭。我无法找到任何信息来解决我的问题。

有人可以帮助我吗？我的按钮看起来像这样：

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

Verwijder

我的代码如下所示：

 $(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 = {};

弹出式引导程序确认问题

1 个答案: