有人能解释一下bootstrap4按钮Javascript的jQuery/jQuery\u NO\u冲突特定代码吗？

我大致了解了为什么没有冲突是重要的，以及这里发生了什么。然而，我正试图更好地理解为什么这些特定的代码行是重要的、可供选择的，我只是想更清楚地了解作者在建立这个模式时为什么朝着这个方向走

第1部分：

static\u jQueryInterface（配置）{
返回此。每个（函数（）{
让data=$（this）.data（data\u键）
如果（！数据）{
数据=新建按钮（此）
$（此）.data（数据键，数据）
}
如果（配置===‘切换’）{
数据[配置]（）
}
})
}

这个

相当于

$(document).on('click.bs.button.data-api', '[data-toggle^="button"]', (event) => {

根据需要，您可以命名事件名称的名称空间，以避免删除附加的非您自己的事件。因此，一个按钮可以在事件上有两个

，一个是BS4，另一个是您自己的代码

“开始于”的名称

这样做的原因是，如果要在BS4按钮上切换状态，则必须创建数据属性为的按钮

作品。基本上，它允许您将引导插件/模式重新分配给不同的变量

var f = $.fn.button.noConflict();
$.fn.bootstrapBtn = f;
$('#bt2').click(function() {
  $('#bt1').bootstrapBtn('toggle');
})

这个

相当于

$(document).on('click.bs.button.data-api', '[data-toggle^="button"]', (event) => {

根据需要，您可以命名事件名称的名称空间，以避免删除附加的非您自己的事件。因此，一个按钮可以在

事件上有两个

，一个是BS4，另一个是您自己的代码

“开始于”的名称

这样做的原因是，如果要在BS4按钮上切换状态，则必须创建数据属性为的按钮

作品。基本上，它允许您将引导插件/模式重新分配给不同的变量

var f = $.fn.button.noConflict();
$.fn.bootstrapBtn = f;
$('#bt2').click(function() {
  $('#bt1').bootstrapBtn('toggle');
})

同意。我理解发生了什么，但不清楚这段代码到底是如何工作的。他们将如何将DATA_键分配给此组件，以便可以通过正文上的全局事件侦听器委托与特定组件相关的事件。但不清楚任务是如何进行的……同意。我理解发生了什么，但不清楚这段代码到底是如何工作的。他们将如何将DATA_键分配给此组件，以便可以通过正文上的全局事件侦听器委托与特定组件相关的事件。但目前还不清楚任务是如何完成的。。。