Bootstrap 4 库 bootstrap.js 和 bootstrap 下拉列表互斥答案

【问题标题】：Bootstrap 4 library bootstrap.js and bootstrap dropdown lists are mutually exclusiveBootstrap 4 库 bootstrap.js 和 bootstrap 下拉列表互斥
【发布时间】：2019-06-25 10:41:41
【问题描述】：

我正在使用 Bootstrap 4，并尝试使用 bootstrap.js 来使用 Javascript 显示/隐藏模式。但是，每当我将 bootstrap.js 包含到我的项目中时，Bootstrap 4 下拉列表就会停止打开列表以选择元素。

我尝试不添加 bootstrap.js 并且下拉列表开始正常工作，但是按照这种方法我无法以编程方式打开模式。

我加载所有库的顺序是：

      "node_modules/jquery/dist/jquery.js",
      "node_modules/vue/dist/vue.js",
      "node_modules/@svgdotjs/svg.js/dist/svg.js",
      "node_modules/@svgdotjs/svg.draggable.js/dist/svg.draggable.js",
      "wwwroot/site.js",
      "node_modules/@aspnet/signalr/dist/browser/signalr.js",
      "node_modules/bootstrap/dist/js/bootstrap.js",

我希望包含 bootstrap.js 并允许下拉列表和命令 $("#myModal").modal("show") 工作。

【问题讨论】：

标签： javascript c# html asp.net

【解决方案1】：

我找到了一种解决方法，即不导入整个 bootstrap.js 库，而是仅导入 util.js 和 modal.js（两者都可以在 bootstrap/js/dist 中找到）。这样问题现在就解决了，但是我不明白是什么导致了问题。

【讨论】：