从内部移动到外部文件时Javascript / jQuery无法正常工作？

Question

首先我在头标记<script> ... some simple javascript with jQuery ... </script>中使用了javascript然后它完美无缺。但后来我想将javascript与HTML分开：<script src="javascript/script1.js"></script>，也在head标签内，但jQuery不响应。我在consol中收到一条奇怪的错误消息：HTML5 doctype中的<！

我想这只是一件简单的事情，但是尽管有很多搜索，但我无法找到解决方案，因为它不能用作外部文件。

外部文件和一些jQuery单击函数可以正常工作，但是这段代码不起作用。那里有任何错误！？ （但它在头​​部标签内部时有效）

    $("#buildingGalleryMenu a:first").addClass("activeBtn");

// Gallery
$('#buildingGalleryMenu ul li a').click(function(event) {
    $("#buildingGalleryMenu a").removeClass("activeBtn");
    $(".loader").show();
    var btnNum = $("#buildingGalleryMenu a").index(this);
    var btnUrl = $(this).attr('href');
    var imgNew = $("<img />").attr("src", btnUrl).load(function() {
        $("#mainImage").attr("src", imgNew.attr("src"));
        $(".loader").hide();
        $("#buildingGalleryMenu a:eq("+btnNum+")").addClass("activeBtn");
    });
     return false;
});