JQuery не загружен/работает

-6

Я только начал изучать JQuery. Однако по какой-то причине он не смог работать. И затем я протестировал его. Я понял, что он даже не работает в обычном javascript (например, сценарий вообще не загружался).JQuery не загружен/работает

Следующий код работал

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <script> 
     alert("test"); 
    </script> 
    <title></title> 
</head> 
<body> 
</body> 
</html>

Однако это не сделал.

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"> 
     alert("test"); 
    </script> 
    <title></title> 
</head> 
<body> 
</body> 
</html>

Может быть, есть некоторые очевидные ошибки там (я пробовал использовать разные браузеры, проверил w3schools и попытался изменить номер версии Jquery, никто не работал.). Но я новичок и не вижу проблемы. Почему это не работает?

Спасибо за любой ответ.

Редактировать: Извините, если я не был достаточно конкретным. Скрипт не работает как в обычном javascript, так и в JQuery. Это не работает

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"> 
</script> 
<script> 
    $(document).ready(function() { 
     $("button").click(function() { 
      $("p").hide(); 
     }); 
    }); 
</script>

Нор делает это

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"> 
      $(document).ready(function() { 
     $("button").click(function() { 
      $("p").hide(); 
     }); 
    }); 
</script>

И, по словам This thread, они могут быть смешаны друг с другом.

edit2: Разделение их действительно работает для обычного javascript, но не для jquery.

@ Zenith: Я пробовал, что не работает.

@ Mr Lister: Они действительно работают? Возможно ли, что это проблема моего компьютера? Во всяком случае вот HTML (я изменил добавленное HTTP:. После того, как SRC, чтобы проверить @ предложение Zenith в

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"> 
       $(document).ready(function() { 
      $("button").click(function() { 
       $("p").hide(); 
      }); 
     }); 
    </script> 
    <title></title> 
</head> 
<body> 
    <p>test</p> 
</body> 
</html>

Кроме того, я попытался с помощью локального файла JQuery, не работает либо

Edit. : К сожалению, я тестировал его снова, на этот раз используя разделенные теги, как внутри тега. Похоже, что проблема действительно заключается в том, что теги не разделены. А также, как представляется, проблема $ ("p") вызывает JQuery (. 'р')

источник

2013-06-04 user1418759

Шесть правильных ответов ниже; однако все они не указывают, почему эти версии работают, а ваши не будут. На самом деле, ваша работа _does_: она втягивает Javascript из источника. Если элемент сценария имеет атрибут src, он не «нуждается» в содержании между тегами! –

В любом случае, ваш следующий пример работает отлично, так что это не ошибка. Покажите весь HTML-код или дайте нам jsFiddle. Как [этот] (http://jsfiddle.net/5XAKJ/1/). –

OP, попробуйте 'http: // ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js' вместо' //ajax.googleapis.com/ajax/libs/jquery/1.9. 1/jquery.min.js' и не стесняйтесь принимать мой ответ, как только вы это сделали. – lifetimes

В первом примере, поскольку HTML5 теперь автоматически предполагает, что элемент использует js, он анализирует ваш код как таковой.

отредактированы

JQuery является [библиотека] из JS. Вы можете вытащить свою библиотеку ... в этом случае:

, а затем использовать второй скрипт, чтобы писать все, что захотите. Так, например, будет работать следующее:

<!DOCTYPE html> 
    <html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js" > 
    </script> 
    <title></title> 
    </head> 
    <body> 
    <p id="heya">Hello</p> 
    <script> 
    $('#heya').css('background-color','green'); 
    </script> 
    </body> 
    </html>

источник

2013-06-04 12:29:02

Ничего себе это действительно работает. Спасибо за ответ. странно, все эти источники из w3schools не (или я реализовал их неправильно). Опять же, спасибо, решена большая проблема для меня. – user1418759

Нет проблем. Я знаю, что ты чувствуешь. В настоящее время я изучаю сам ... Как только вы выработаете причуды, это будет легкий ветерок. Удачи тебе! –

@ user1418759 Есть лучшие онлайн-источники, чтобы учиться, чем W3Schools. –

Должно быть отделено:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 

<script> 
    alert("test"); 
</script>

Edit:

Вы можете изменить

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

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

источник

2013-06-04 12:05:21 lifetimes

Вы должны раздельные теги сценария для этого:

<!DOCTYPE html> 
<head> 
    <title></title> 
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
    <script type="text/javascript"> 
     alert("test"); 
    </script> 

</head> 
<body> 
</body> 
</html>

источник

2013-06-04 12:05:54 adeneo

Это должно быть отделено скрипт теги.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<script> 
    alert("test"); 
</script>

источник

2013-06-04 12:06:01 Ted

JQuery не загружен/работает

ответ

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