引导确认在部分视图中不起作用

Question

我正在使用具有引导程序、jquery 的 ASP.NET MVC 进行一个项目，并且我在其中有一个主页，我绑定了一个局部视图。

我在我的应用程序中使用了bootstrap.confirmation，它在所有主要页面中都可以正常工作，但是当我尝试在部分视图 html 中实现时，它无法正常工作。

我的代码：

HTML

<a class="tooltips deleteOrg" data-container="body" data-placement="bottom" data-toggle="confirmation" data-original-title="Delete organization" data-id="@organization.Id">
    <i class="fa fa-trash"></i>
</a>

JavaScript

$(document.body).on('confirmed.bs.confirmation', '.deleteOrg', function () {
    var id = $(this).data('id');
});

Answer 1

$('[data-toggle=confirmation]').confirmation({
  rootSelector: '[data-toggle=confirmation]',
  onConfirm: function() {
   var id= $(this).data('id');
   alert(id);
  },
  buttons: [
    {
      class: 'btn btn-primary',
      label:"yes",
      icon:"glyphicon glyphicon-ok"
    },
    {
      class: 'btn btn-danger',
      label:"no",
      icon: 'glyphicon glyphicon-remove',
    }
  ]
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/mistic100-Bootstrap-Confirmation/2.4.0/bootstrap-confirmation.min.js"></script>
  <link href="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
<a class="tooltips deleteOrg" data-container="body" data-placement="bottom" data-toggle="confirmation" data-original-title="Delete organization" data-id="test">
   Click
</a>