JQuery скрипт не работает внутри HTML

0

(Answered: не использовать <script type="text/javascript" src="jquery-1.8.0.min.js"></script> в html)

Я изучаю JQuery из этого урока:

http://www.littlewebhut.com/javascript/getting_started/

Я создал One Html, 1 js файл. поместите их в одну и ту же физическую папку, поместите "jquery-1.8.0.min.js" в ту же папку, поместите ссылку js файла на html-страницу, но она не работает.

мой HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

<head>
 <title>Demo</title>
 <meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>

<body>
 <h1>Heading one</h1>
 <p>This is just some text for heading 1</p>

<script type="text/javascript" src="jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="my_code.js"></script>

</body>

</html>

Моя страница JQuery (my_code.js):

$(document).ready(function(){

    $("p").hide();

    $("h1").click(function(){
        $(this).next().slideToggle(300);
    });

});

есть некоторая незначительная ошибка, которая происходит, я пытался искать, но не смог найти соответствующую ссылку.PLease предложить, если я что-то упустил

  • 1
    Какую ошибку вы получаете? Посмотрите инструменты console / dev (f12) и обратите внимание, что вам нужно щелкнуть текст заголовка, чтобы вызвать эффект, не работает ли эффект toogle?
  • 0
    Код, который у вас есть, прекрасно работает (проверьте его в действии здесь: jsfiddle.net/pmUDy ). Просто не понятно, почему у вас проблема. Как предлагает Альенде, откройте инструменты разработчика вашего браузера, чтобы увидеть, есть ли ошибка, напечатанная на консоли ... нажмите F12, нажмите на консоль, найдите ошибки ... developers.google.com/chrome-developer-tools
Теги:

4 ответа

2
Лучший ответ

Ваш код работает нормально. Должна быть какая-то проблема с вашим файлом jquery. Попробуйте включить библиотеку jquery, размещенную на CDN, следующим образом или проверьте свой путь:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
Поделиться
  • 0
    да . "<script type =" text / javascript "src =" jquery-1.8.0.min.js "> </ script>" был основным виновником .... заменил это сценарием cdn на Магию .. спасибо
  • 0
    Рад помочь :)
0

Включен ли javascript в вашем браузере? Если вы используете chrome Go Ctrl + H, щелкните по настройке в левой части side-> показать расширенный Setting-> Конфиденциальность → Контент Settings-> Разрешить всем сайтам запускать Javascript. Если уже проверено, проверьте имя файла пути jquery.

Поделиться
  • 0
    ошибка: «ReferenceError: $ не определено $ (document) .ready (function () {»
0

Какую ошибку вы получаете? См. Инструменты консоли /dev (f12) и обратите внимание, что вам нужно щелкнуть текст заголовка, чтобы вызвать эффект:

http://jsfiddle.net/m5LL4/

 $(document).ready(function(){

    $("p").hide();

    $("h1").click(function(){
      $(this).next().slideToggle(300);
    });

});

Я вставлял ваш код, просто возьму часть html с той же версией jquery, и она работает.

Поделиться
0

Я пробовал это на js скрипке, и он отлично работает, я думаю, это то, что вы хотите, прямо, когда при нажатии на тег h1 вам нужно, чтобы p спрятался, если я не ошибаюсь,

Это js скрипка http://jsfiddle.net/Saranshshrma/7rzLW/1/

Если этот сценарий, маленький, вы всегда можете вставить, это

<script></script>

Теги перед содержимым тела, но помните, чтобы поставить JQuery перед чем-либо другим скриптом или кодом, который вы хотите выполнить, и вы можете опубликовать ошибки элемента проверки хрома при выполнении этого кода

Поделиться
  • 0
    я попытался установить firebug и увидеть ошибку ... ошибка "ReferenceError: $ не определено $ (document) .ready (function () {"
  • 0
    Это работает нормально, почему вы не используете прямой скрипт

Ещё вопросы

Сообщество Overcoder
Наверх
Меню