如何解决 js/jquery 文件之间的冲突？

Question

我正在用 Django 和 Bootstrap3 CSS 建立一个小网站。 到目前为止，一切都很好，我有一些菜单使用 data-toggle 作为下拉菜单，在第二次点击时也可以折叠。 在我的 base.html 最后我有这个代码：

<!-- Bootstrap core JavaScript
            ================================================== -->
         <!-- Placed at the end of the document so the pages load faster -->
            <script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha384-nvAa0+6Qg9clwYCGGPpDQLVpLNn0fRaROjHqs13t4Ggj3Ez50XnGQqc/r8MhnRDZ" crossorigin="anonymous"></script>
        <!--<script>window.jQuery || document.write('<script src="../../../boot/js/jquery.min.js"><\/script>')</script>-->
        <script>window.jQuery || document.write('<script src="{% static "boot/js/jquery.min.js" %}"><\/script>')</script>
        <script src="{% static 'boot/js/bootstrap.min.js' %}"></script>

这对我有用，即使我对 js 或 jquery 没有经验。

现在我想要一个小部件来为我的 forms 之一添加 datepicker plus。 冲突就来了。 根据https://pypi.org/project/django-bootstrap-datepicker-plus/我必须添加

{% load bootstrap3 %}
{% bootstrap_css %}
{% bootstrap_javascript jquery='full'%}
{{ my-form.media }}

到我的模板。 当我这样做时， bootstrap_css 会破坏我的页面设计。 当我禁用该行时，乍一看一切都很好。 日期选择器小部件有效。 但是，下拉菜单不再起作用。

我想多个脚本包含对此负责，但我对此知之甚少，如何解决这个问题。 我已经尝试将包含从 base.html 复制到另一个模板等等，但没有任何效果。 一旦我让下拉菜单再次工作，日期选择器小部件就会停止。

我很困惑，因为我认为这与包含有关，但在数据切换方面，两个 bootstrap.js 似乎具有相同的内容：

var r='[data-toggle="dropdown"]',o=function(t){a(t).on("click.bs.dropdown",this.toggle)};

Answer 1

我有点解决了我的问题，但我并不真正理解解决方案。 但我想在这里发布这个。 也许它也对其他人有所帮助，也许有人可以阐明解决方案为什么有效。

在比较了所有重复的内容之后，并看到所有内容都包括在内，包括ZD223E143918E478349D52476506C22EZ两次，我发现它不是ZD2223E的版本（local/remote，new/of New/of ZD223E.1439188E478E49D222222222222ERTAN）。的包括。

现在我添加了

<script src="http://code.jquery.com/jquery-3.5.1.min.js"></script>

并在 base.html 模板的页脚

<script>window.jQuery || document.write('<script src="http://code.jquery.com/jquery-3.5.1.min.js"><\/script>')</script>

因为我发现这意味着检查 jquery 之前是否包含，如果不包含它。

其他网站和 SO 讨论刚刚提到了 include 不同位置的性能，但我没有发现这个 position 如此重要。

但是，菜单的效果不如 datepicker plus 小部件。 :)

现在我添加了