Когда я добавляю Javascript, он отображает пустую страницу?

Question

Я новичок в этом сайте, так что надеюсь, что я делаю правильный формат здесь!

Мой вопрос: «Я достаточно« добрался »до HTML, и сегодня я хотел начать использовать Javascript, чтобы сделать некоторые затухающие переходные изображения ... конечно, что-то пошло не так, это просто моя удача. Так что я пошел в Интернет и последовал некоторые учебники и то, что я придумал это:

Ссылка на Pastebin: http://pastebin.com/GW02CsJ1 (не может поставить в кодексе, потому что он продолжал давать мне ошибку, я попытался исправить для 20mins!)

Итак, как только я открою эту страницу, она просто полностью пустая, я оставил страницу открытой не менее 5 минут, и ничего не происходит. Одна вещь, о которой я не знаю, это jQuery ... Что это? Я также пробовал разные браузеры, и тот же результат случается. Я огляделся, но не нашел ничего полезного, поэтому любая помощь вообще была бы потрясающей, спасибо!

Answer 1

вам не хватает скобки на вкладке script:

<script type="text/javascript" src="jquery.js"</script> 

должно быть:

<script type="text/javascript" src="jquery.js"></script> 

О JQuery: Это библиотека JavaScript, которая поможет вам писать более короткий код, используя свою функцию. Кроме того, если вы используете его с тег сценария, вам нужно иметь, что в программном коде, или вы можете использовать любую ссылку CDN, как:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 

Сделав это, вы просто должны иметь изображения, присутствующие в определенном месте.

Answer 2

Да, это не сработает.
Вам не хватает файла jquery.js.

Вы можете скачать файл с http://jquery.com/download/
Но для этого скрипта, вероятно, потребуется больше работы.

BTW: jQuery - это рамочная работа, чтобы сделать вещи «более простыми», чем программирование на простом JavaScript.

Answer 3

В принципе, вы указали переменную next внутри операторов if/else, но после этого переменная видимость теряется. Попробуйте его определения за его пределами, а затем обновить его/ссылки его впоследствии, как это:

$(document).ready(function() { 
    setInterval(function() { 
     var active = $('#banners .active'); 
     var next; 

     if (active.next().length > 0) { 
      next = active.next(); 
     } else { 
      next = $('#banners img:first'); 
     } 

     next.css('z-index', '2'); 

     active.fadeOut(1000, function() { 
      active.css('z-index', '1').show().removeClass('active'); 

      next.css('z-index', '3').addClass('active'); 
     }); 
    }, 3000); 
}); 

Кроме того, я попытался фиксируя некоторые из опечаток ...

DEMO: JSFIDDLE