Question

我正在使用Bootbox对话框添加项目。单击“保存”按钮后，我想禁用它，以使他们无法再次单击它并向服务器发送另一个请求。这可能吗？

下面是我的代码

var box = bootbox.dialog({
    title: '<span> Add Menu </span>',
    message: 
            '<form id="menu_form" class="form-horizontal" method="post" enctype="multipart/form-data" ><div class="form-group">'+
            '<div class="row no-margin">'+
                      '<div class="form-group col-sm-12">' +
                      '<label>Item Name</label>'+
                      '<input type="text" class="form-control" id="item_name" name="item_name" placeholder="Item Name"> ' +
                      '</div>' +
                      '</div>'+
            '</form>',
    buttons: {
      danger: {
        label: "Cancel",
        className: "btn btn-dark0",
        callback: function() {
         box.modal('hide');
        }
      },
      success: {
        label: '<i class="icon wb-check" aria-hidden="true"></i> Save',
        className: "btn btn-info",
        callback: function() {

          $.ajax({ // ajax to add item 

          });
        }
        return false;}
      },

    }
});

在这里，当我双击“保存按钮”时，项目会添加两次。

Answer 1

一种简单的方法是使用jquery：

$('.btn-info').click(function(){
   $(this).prop('disabled', true);
});

是否可以禁用启动箱中的单击按钮？

1 个答案: