Функция Javascript не работает:/

Этот фрагмент кода пытается создать кнопку-расширитель. Я просто копирую и вставляю его из jsfiddle. Почему это хорошо для jsfiddle, но не работает в моем браузере?

<!DOCTYPE html>
<html>
<body>

<input type="button" id="button-1" value="(click here for more information)"><br>
<p id="special1">
blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
</p>

<script>
  alert(0);
  $(document).ready(function(){
      var count = 0;
        alert(1);

      $("#special1").hide();

      $("#button-1").click(function(){
          count++;
          if(count % 2 != 0){
            $("#special1").show();
          }else{
              $("#special1").hide();
          }
      })
  })
</script>

</body>
</html>

javascript html expand
person njstar178    schedule 26.06.2014    source источник
comment
jsfiddle может загружать jQuery для вас... вам нужно убедиться, что вы тоже загружаете.   -  person lucasjackson    schedule 27.06.2014
comment
Вы подключили библиотеку jQuery? И проверьте консоль вашего браузера на наличие ошибок.   -  person Andy G    schedule 27.06.2014

Ответы (2)


arrow_upward
0
arrow_downward

Вы не загрузили jQuery нигде на своей странице. jsFiddle загружает его для вас.

Добавьте для него тег script:

<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>

Если вы посмотрите на консоль ошибок браузера, то, скорее всего, там будет сказано, что undefined не является функцией, потому что $ нигде не определено.

person loganfsmyth    schedule 26.06.2014
comment
Ну, как загрузить эту штуку с jQuery? - person njstar178; 27.06.2014
comment
@user3780872: Вы можете узнать об этом, прочитав руководство по jQuery< /б>. - person Felix Kling; 27.06.2014
comment
К вашему сведению, JQuery — это библиотека функций, предназначенных для облегчения выполнения обычных задач. Вы не можете использовать эти функции без их определения, поэтому вам нужна включенная библиотека. - person Ian; 27.06.2014

arrow_upward
0
arrow_downward

Сценарий использует jQuery, но вы не включаете его на страницу. Попробуйте добавить <script src="//code.jquery.com/jquery-1.11.0.min.js"></script> перед тегом <script>.

person Ben    schedule 26.06.2014