javascript - 位于外部文件中时 Javascript 不起作用

Question

我的 Javascript (jQuery) 在较新的浏览器（Chrome、Firefox、safari 10+）中运行良好，但在较旧的浏览器（Safari 9、IE 11 ..）中运行良好。

但是，当我将它直接包含在页面上并且不尝试从外部文件加载它时，它确实可以正常工作。我已经做了几个小时了，我无法弄清楚问题是什么..

我的Javascript：

$( document ).ready(function($) {


  $(".monatsInput").on("click", function () {
    console.log("clicked");

    $(".monatsWahl").css("border-color", "lightgrey")
    $(this).parent().css("border-color", "#4CA3D8");

    var newPrice = $(this).val();
    $(this).parent().parent().parent().parent().find(".angebotsPreis").html(newPrice);
  })


// Mobile Nav
// --------------------------------------------------
// --------------------------------------------------

$("#burgerNav").on("click", function () {
  $(".navList").toggle("display");
});


// Back to previous page
  function goBack() {
      window.history.back();
  }


$(document).foundation();
})

我不确定要包含 HTML 的哪一部分，因此可以在此处查看整个页面：

www.immobilienheld24.de

我希望有人有一个想法。

谢谢