为什么JS在本地主机而不是在线工作？

Question

我正在一个项目中，菜单占据整个页面。我将所有内容都包含在一个包含中（来自w3包含：https://www.w3schools.com/howto/howto_html_include.asp）。它在localhost（我在计算机上使用python 3）上运行良好，但在将其放在在线服务器上时效果不佳。

当用户单击页面上的任意位置以关闭菜单时，菜单本身使用JS。

这是我的代码

Javascript

$('body').bind("change keyup mousemove", function(event) {

    var isValid = true;
    $('.QtytobePacked').each(function() {

        if ($(this).val() === '') {
            isValid = false;
            document.getElementById('symbol icon-error').style.visibility = 'hidden';
            document.getElementById('myPopup').style.visibility = 'hidden';
            document.getElementById('myPopup3').style.visibility = 'visible';
            document.getElementById('myPopup4').style.visibility = 'hidden';
            $('#save_button').prop("disabled", true);
            $('#save_button').attr('class', 'upload_button_inactive');

        }
    });

    if (isValid) {
        //alert(isValid);
        document.getElementById('myPopup').style.visibility = 'hidden';
        document.getElementById('myPopup3').style.visibility = 'hidden';
        document.getElementById('myPopup4').style.visibility = 'visible';
        $('#save_button').removeAttr('disabled');
        $('#save_button').attr('class', 'upload_button_active');
    }
});

window.onload = function() {
  var input = document.getElementById('buttonOpen');
  var label = document.querySelector('label[for=buttonOpen]');
  document.addEventListener('click', function(e) {
    if (
      e.target !== input &&
      e.target !== label &&
      !(e.target.compareDocumentPosition(label) & Node.DOCUMENT_POSITION_CONTAINS)
    ) {
      input.checked = false;
    }
    label.classList.toggle('change', input.checked);
  });
}