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

(Ответил: не использовать <script type="text/javascript" src="jquery-1.8.0.min.js"></script> в HTML)JQuery скрипт не работает внутри HTML

Я учусь Jquery из этого учебника:

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

Я создал один 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 Page (my_code.js):

$(document).ready(function(){ 

    $("p").hide(); 

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

});

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

источник

2014-02-16 Neeraj Verma

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

Код, который у вас есть, отлично работает (посмотрите здесь: http://jsfiddle.net/pmUDy/). Просто не понятно, почему у вас проблема. Как предлагает Allende, откройте инструменты разработчика вашего браузера, чтобы увидеть, есть ли ошибка, отправленная на консоль ... нажмите F12, нажмите на консоли, найдите ошибки ... https://developers.google.com/chrome-developer- инструменты/ –

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

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

источник

2014-02-16 07:47:56 Boshi

есть. «" был главным виновником .... заменил это с помощью скрипта cdn сделал Magic ..спасибо –

Рад бы помочь :) – Boshi

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

http://jsfiddle.net/m5LL4/

$(document).ready(function(){ 

    $("p").hide(); 

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

});

Я вставить код, просто взять часть HTML с такая же версия jquery и работает.

источник

2014-02-16 07:41:10 Allende

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

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

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

<script></script>

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

источник

2014-02-16 07:50:21

я попытался установить поджигатель ГЭЭ ошибку ... ошибка «ReferenceError: $ не определен \t $ (документ) .ready (функция() {» –

Это отлично работает, почему бы вам не использовать прямой скрипт –

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

источник

2014-02-16 08:04:12 shubhraj

Ошибка: «ReferenceError: $ не определен $ (document) .ready (function() {" –

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

ответ

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