Борьба с некоторым простым Javascript

Question

Я пытаюсь написать свои функции JavaScript в отдельном файле functions.js. Сейчас этот файл состоит из одной функции:

function noOverlay() {
    $('.overlay').css('display','none');
};

В моем html есть две строки:

<script type="text/javascript" src="/functions.js"></script>
<script>
     $(document).ready(
          noOverlay()
     );
</script>

По сути, я пытаюсь разместить функцию во внешнем файле и вызвать ее в моем HTML. Может быть, $ document.ready - неправильный способ сделать это. Или, может быть, я просто делаю глупую ошибку. Спасибо!

Answer 1

Убедитесь, что вы импортируете jQuery, и попробуйте:

<script type="text/javascript" src="/functions.js"></script>
<script>
     $(function () {
          noOverlay();
     });
</script>

Answer 2

Убедитесь, что файл js загружен с помощью firebug или инструментов разработчика chrome

Также убедитесь, что вы заранее загрузили jQuery.

Answer 3

$(document).ready(function(){
  noOverlay();
});