Bootbox javascript 确认对话框

Question

这行代码有问题：

<script type='text/javascript'>
function delete_user( id ){

    var answer = confirm('Are you sure?');

    //if user clicked ok
    if ( answer ){
        //redirect to url with action as delete and id to the record to be deleted
        window.location = 'delete.php?id=' + id;
    }
}
</script>

如何在此处应用 bootbox.js。我讨厌旧的 javascript 对话框。我该如何改变呢？

我已经这样做了：

<script src="bootstrap.min.js"></script>

还是不行。

Answer 1

只要这样做：

假设你有删除按钮

<button class="delete-it">Delete</delete>

在delete-it类的点击事件下写this

 $(".delete-it").click(function(){
    bootbox.confirm("Are you sure?", function(result) {
      if(result)
          window.location = 'delete.php?id=' + id;
    }); 
  });

根据下面的cmets：

使用onclick 被认为是不好的做法。如果您有 $id 值，请像这样将其包装在数据属性上

<a href='#' data-id=' {$id }' class='delete-it'>Delete</a>

把 JS 改成这样：

 $(".delete-it").click(function(){
    var id = $(this).data('id');
    bootbox.confirm("Are you sure?", function(result) {
      if(result)
          window.location = 'delete.php?id=' + id;
    }); 
  });

Answer 2

您可以在bootbox中显示confirm对话框，如下所示

bootbox.confirm("Are you sure you want to Delete?", function(result) {
  if(result)
      window.location = 'delete.php?id=' + id;
});

您将获得result 或True 或False，具体取决于点击Yes 或No 中的Dialog Box。

有关bootbox确认对话框的更多信息，您可以查看here

Answer 3

试试这个：

<!-- JS dependencies -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="bootstrap.min.js"></script>

<!-- bootbox code -->
<script src="bootbox.min.js"></script>

<script type='text/javascript'>

function delete_user( id )
{
    bootbox.confirm("Are you sure?", function(result) 
    {
        answer = result;
    }); 

    //if user clicked ok
    if ( answer ){
        //redirect to url with action as delete and id to the record to be deleted
        window.location = 'delete.php?id=' + id;
    }
}
</script>