JavaScript не работает в браузере

#javascript #jquery #html #css

#javascript #jquery — jquery — запрос #HTML #css

Вопрос:

У меня проблема, когда я создаю страницу со скриптом, отображающим document.write("Text"); текст, который отображается в браузере.

Но я пытаюсь создать страницу, которая будет отображать разные цвета в последовательности внутри набора плиток, и когда я пробую следующий код, это не работает.

Пожалуйста, кто-нибудь может помочь мне решить эту проблему, код вставлен ниже.

HTML:

 <html>
<head>
<LINK REL=StyleSheet HREF="style1.css" TYPE="text/css" MEDIA=screen>
<SCRIPT LANGUAGE="JavaScript" SRC="script1.js">
</SCRIPT>
</head>
<body>

<div class="container">
    <div class="box spacing"></div>
    <div class="box spacing"></div>
    <div class="box spacing"></div>
    <div id="square1id" class="box"></div>

    <div class="box spacing"></div>
    <div class="box spacing"></div>
    <div id="square2id" class="box spacing"></div>
    <div class="box"></div>

    <div class="box spacing"></div>
    <div class="box spacing"></div>
    <div class="box spacing"></div>
    <div class="box"></div>

    <div class="box spacing"></div>
    <div class="box spacing"></div>
    <div class="box spacing"></div>
    <div class="box"></div>
</div>

</body>
</html>

css:

 body{
    background-color:#000000;
    margin:0;
    padding:0;
}

h1{
  color:#ffffff;
  text-align:center;
}

.container{
    overflow:hidden;
    width:860px;
    margin-left:250px;
    margin-top:20px;
}
.box{
    width:210px;
    height:120px;
    float:left;
    background-color:#4D4D4D;
    margin-bottom:3px;
}

.spacing{
    margin-right:3px;
}

JavaScript:

 $(document).ready(function(){

var colourinfo = {
    square1id: [
                '#000000'

                ],

    square2id: [
                '#ffffff'

                ]

};

var count = 0;

var changecol = function(){
    $.each(colourinfo, function(tileid, colarray){
    $('#' tileid).css('background-color', colarray[count%colarray.length]);
}); 
    count  ;
    };
    setInterval(changecol, 1000);
    });

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

Ответ №1:

Для кода jQuery требуется библиотека jQuery, связанная с вашей веб-страницей.

вставьте следующее в html-часть между <head> и </head>

 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">
</script>