Bootstrap 4 Confirmation 不起作用，它有什么问题？答案

【问题标题】：Bootstrap 4 Confirmation is not working, what is wrong with it?Bootstrap 4 Confirmation 不起作用，它有什么问题？
【发布时间】：2021-05-10 12:53:53
【问题描述】：

我在我的项目中添加了 bootstrap 4 确认，但即使我添加了源等，这也不起作用...

这有什么问题？

我的代码：

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>

<script src="https://cdn.jsdelivr.net/npm/bootstrap-confirmation2/dist/bootstrap-confirmation.min.js"></script>


<div class="m-4">
<button class="btn btn-primary" data-toggle="confirmation">Confirmation</button>
</div>

我正在使用这个“BS-4-Confirmation”确认插件...

【问题讨论】：

标签： twitter-bootstrap bootstrap-4 confirmation

【解决方案1】：

您需要通过 javascript 启用确认功能，如下所示。

$('[data-toggle=confirmation]').confirmation({
   rootSelector: '[data-toggle=confirmation]'
});

我已将您的 sn-p 更改为工作，它会工作。

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap-confirmation2/dist/bootstrap-confirmation.min.js"></script>

<div class="m-4">
<button class="btn btn-primary" data-toggle="confirmation">Confirmation</button>
</div>

<script>
$('[data-toggle=confirmation]').confirmation({
   rootSelector: '[data-toggle=confirmation]'
});
</script>

【讨论】：