-4

Весь мой код HTML и CSS отлично работает, и мой скрипт правильно связан (или так я предполагаю), но я не могу заставить скрипт загружаться или делать любые действия, которые я закодировал. Вот мой HTML, CSS и JS код:Мой jQuery не будет работать на моей веб-странице [Repost]

HTML

<!DOCTYPE html> 
    <html> 
    <head> 
     <title>Highlights</title> 
     <link rel='stylesheet' type='text/css' href='testwebcss.css'/> 
     <script type='text/javascript' src='testwebjs.js'></script> 

    </head> 
      <body> 
     <div id="title" class="highlighted">I'm highlighted!</div> 
     <div id="text">Highlight me, too!</div> 
      </body> 
     </html>

CSS

#title { 
    background-color: #C02942; 
    border-radius: 5px; 
    text-align: center; 
    font-family: Verdana, Arial, Sans-Serif; 
    color: #FFFFFF; 
    width: 200px; 
    height: 25px; 
    } 

    #text { 
    background-color: #0B486B; 
    border-radius: 5px; 
    text-align: center; 
    font-family: Vivaldi, Cursive; 
    color: #FFFFFF; 
    width: 200px; 
    height: 25px; 
    opacity: 0.5; 
    } 

    .highlighted { 
    -webkit-box-shadow: 0 0 8px #FFD700; 
    -moz-box-shadow: 0 0 8px #FFD700; 
    box-shadow: 0 0 8px #FFD700; 
    cursor:pointer; 
    }

$(document).ready(function(){ 
    $('#text').mouseenter(function(){ 
     $(this).fadeTo('fast', 1); 
    }); 

    $('#text').mouseleave(function(){ 
     $(this).fadeTo('fast', 0.5); 
    }); 
    });

Так что я не понимаю, почему это не работает. Как вы можете видеть, сценарий просто удваивает непрозрачность, когда мышь входит в периметр #text. Итак, почему ничего не работает. Я получил это из консоли:

Uncaught ReferenceError: $ is not defined

Из ответов я получил раньше, я настроить локальный веб-сервер, чтобы запустить его. Я запустил веб-страницу, но еще раз он не запустил jQuery.

Исправлено; он работает все время. Где-то в редактировании моего исходного кода я удалил $, удалив селектор из рабочего состояния.

Derp

источник

2013-11-30 Anonymous

вы не включая JQuery в вашей странице –

вы не включая библиотеку JQuery в странице

Чтобы включить библиотеку с помощью CDN

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

источник

2013-11-30 05:43:35

Я добавил, что, но мой веб-страница по-прежнему не хватает возможности JQuery. – Zulfe

Я на самом деле получить это в моей консоли JavaScript: – Zulfe

'Uncaught TypeError: #text объект не имеет метод щелчка testwebjs.js: 2 (анонимная функция) testwebjs.js: 2 с jquery.js: 3048 р .fireWith jquery.js: 3160 x.extend.ready jquery.js: 433 q' – Zulfe

Вы должны фактически загрузить jquery.js в вашу страницу. Вот почему функция $() не определена. Просто добавьте следующую строку в ваш <head>:

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

источник

2013-11-30 05:44:53 TW80000

Пожалуйста, обратитесь к комментариям, которые я опубликовал в ответ Аруна выше! Благодаря! – Zulfe

Вы использовали JQuery ($) в коде JavaScript, но библиотека JQuery не включена в страницу.

Чтобы включить JQuery библиотеки из CDN добавить ниже <script> элемента в <head> раздел:

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>

источник

2013-11-30 05:54:02

Пожалуйста, обратитесь к комментарию, который я опубликовал в ответ Аруна! Благодаря! – Zulfe

Мой jQuery не будет работать на моей веб-странице [Repost]

Из ответов я получил раньше, я настроить локальный веб-сервер, чтобы запустить его. Я запустил веб-страницу, но еще раз он не запустил jQuery.

ответ

Смежные вопросы