jquery - 我可以在点击事件 html 中使用 Bootstrap 框( Bootstrap 弹出窗口)吗？

Question

我必须问你是否真的要删除所选项目，我想使用 bootbox....这不起作用!

<s:a onclick="return bootbox.confirm('Are you sure?')" action="deleteElement">

Answer 1

To the person, who voted to close this, I don't understand what's unclear about this, as the question is super-clear, OP is not using the right syntax. The bootbox.confirm() or whatever, expects a callback function and this doesn't work in the traditional way.

您必须使用callback function为此:

$(function () {
  $("a").click(function (e) {
    e.preventDefault();
    bootbox.confirm('Do you really wanna delete?', function (res) {
      if (res)
        location.href = 'http://www.example.com/';
    });
  });
});

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />
<script src="https://code.jquery.com/jquery-1.11.3.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootbox.js/4.4.0/bootbox.min.js"></script>

<a href="http://www.example.com/" action="deleteElement" class="btn btn-danger">Delete</a>