如何解決 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 小部件。 :)

現在我添加了