Question

我有一个带有以下删除按钮的表格（Laravel）。

<!-- Delete Button -->
<form action="{{url('admin/users')}}/@{{ user.id }}" method="POST" class="btn-group btn-group-sm" id="delete">
    {{ csrf_field() }}
    {{ method_field('DELETE') }}
    <button type="submit" class="btn btn-danger">
        <i class="fa fa-btn fa-trash"></i>
    </button>
</form>

这是我的剧本

<script src="https://cdn.jsdelivr.net/bootbox/4.4.0/bootbox.min.js"></script>
<script>
$('#delete').submit(function(e) {
    var currentForm = this;
    e.preventDefault();
    bootbox.confirm("Are you sure?", function(result) {
        if (result) {
            currentForm.submit();
        }
    });
});
</script>
</script>

当我尝试使用bootbox示例时，它可以正常工作。

bootbox.alert（“Hello world！”）;

我找不到自己的错误。你能帮助我吗？

//编辑1：

Bootstrap CSS在底部，这是我的订单：

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.3/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/js/bootstrap.min.js"></script>

<script src="https://cdn.jsdelivr.net/bootbox/4.4.0/bootbox.min.js"></script>

之后是我的代码。

如果我只是尝试一下bootbox的例子

bootbox.alert("Hello world!", function() {
    Example.show("Hello world callback");
});

它没有任何问题。

//编辑2 - 解决方案

我发现了错误...我也在使用vue js并且删除按钮位于vue js div中并且不起作用。在Vue JS之外没有问题。

Bootbox确认不起作用 - 示例有效

0 个答案: