jQuery не подключаеться библиотека - JavaScript, Ajax

ai\ekcah^p · 26.06.2010, 22:07

Подскажите , почему не подключается библиотека jQuery , или я че-то не так делаю? При нажатии на радиогруппу DIV должен исчезнуть , но ничего непросходит.
Подскажите начинающему пожалуйста в чем дело. Библиотеку скачал , путь показал. Пишу в DreamWeamer 8 , подключил Denwer.
jquery-1.3.2.min.js установил в папку C:\WebServers\home\localhost\www\jq uery

Код:

<script  type="text/javascript" src="jquery-1.3.1.min.js"></script>
<script  type="text/javascript">
jQuery(function()
{
jQuery('.q1').click(function()
{
jQuery('#box1').slideUp();
jQuery('#box2').slideDown();
});

});
</script>

Вот весь код

Код:

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Урок2</title>
<style>
#box1 {
background-color:#ffffff;
border:3px solid #cccccc;
width:500px;
padding:10px;
margin:10px;
}
#box2 {
background-color:#ffffff;
border:3px solid #cccccc;
width:500px;
padding:10px;
margin:10px;
display:none;
}
#box3 {
background-color:#ffffff;
border:3px solid #cccccc;
width:500px;
padding:10px;
margin:10px;
display:none;
}
#button1{
background-color:#f6f6f6;
border:3px solid #cccccc;
margin:10px;
display:none;
}
</style>
<script language="JavaScript" type="text/javascript" src="jquery-1.3.2.min.js"></script>

<script language="JavaScript" type="text/javascript">
$(function()
{
$('.q1').click(function()
{
$('#box1').slideUp();
$('#box2').slideDown();
});

});
</script>

</head>

<body>
<form action="test.php" method="post" name="form1">
<div id="box1">
<p>Вопрос первый</p>

<p>
  <label>
  <input type="radio" name="RadioGroup1" value="1" class="q1" />
  Вариант1</label>
  <br />
  <label>
  <input type="radio" name="RadioGroup1" value="2" class="q1" />
  Вариант2</label>
  <br />
</p>
</div>

<div id="box2">
<p>Вопрос второй</p>

<p>
  <label>
  <input type="radio" name="RadioGroup2" value="1"  />
  Вариант1</label>
  <br />
  <label>
  <input type="radio" name="RadioGroup2" value="2"  />
  Вариант2</label>
  <br />
</p>
</div>
<div id="box3">
<p>Вопрос третий</p>

<p>
  <label>
  <input type="radio" name="RadioGroup3" value="1" />
  Вариант1</label>
  <br />
  <label>
  <input type="radio" name="RadioGroup3" value="2" />
  Вариант2</label>
  <br />
</p>
</div>

<input name="button1" type="submit" value="Результаты" id="button1"/>
</form>
</body>
</html>

Виталий Желтяков · 26.06.2010, 22:24

Цитата:

$('.q1').click(function()

По-моему ошибка здесь.
Исправлять следующим образом: дать Radiobutton-ам id и назначать функцию по нему.

ai\ekcah^p · 26.06.2010, 23:06

Не,не получается все равно. Код должен быть верный,я его с видеоурока скопировал. Что-то с jQuery, тока вот что ,не пойму.

motorway · 26.06.2010, 23:26

Ошибки в консоли посмотрите. Сам скрипт в той же папке, что и страница лежит?

SkyM@n · 27.06.2010, 03:50

1. где у вас jquery-1.3.2.min.js лежит?
2. что дает код:
<script>
$(document).css("backgroundColor"," black");
</script>

Виталий Желтяков · 27.06.2010, 08:20

Правильный код:

Код 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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Урок2</title>
<style>
#box1 {
background-color:#ffffff;
border:3px solid #cccccc;
width:500px;
padding:10px;
margin:10px;
}
#box2 {
background-color:#ffffff;
border:3px solid #cccccc;
width:500px;
padding:10px;
margin:10px;
display:none;
}
#box3 {
background-color:#ffffff;
border:3px solid #cccccc;
width:500px;
padding:10px;
margin:10px;
display:none;
}
#button1{
background-color:#f6f6f6;
border:3px solid #cccccc;
margin:10px;
display:none;
}
</style>
<script language="JavaScript" type="text/javascript" src="js/jquery.js"></script>

<script language="JavaScript" type="text/javascript">
$(function()
{
$("#rq11, #rq12").click(function()
{
$('#box1').slideUp();
$('#box2').slideDown();
});

});
</script>

</head>

<body>
<form action="test.php" method="post" name="form1">
<div id="box1">
<p>Вопрос первый</p>

<p>
  <label>
  <input id="rq11" type="radio" name="RadioGroup1" value="1" />
  Вариант1</label>
  <br />
  <label>
  <input id="rq12" type="radio" name="RadioGroup1" value="2" />
  Вариант2</label>
  <br />
</p>
</div>

<div id="box2">
<p>Вопрос второй</p>

<p>
  <label>
  <input type="radio" name="RadioGroup2" value="1" class="q1" />
  Вариант1</label>
  <br />
  <label>
  <input type="radio" name="RadioGroup2" value="2" class="q1" />
  Вариант2</label>
  <br />
</p>
</div>
<div id="box3">
<p>Вопрос третий</p>

<p>
  <label>
  <input type="radio" name="RadioGroup3" value="1" />
  Вариант1</label>
  <br />
  <label>
  <input type="radio" name="RadioGroup3" value="2" />
  Вариант2</label>
  <br />
</p>
</div>

<input name="button1" type="submit" value="Результаты" id="button1"/>
</form>
</body>
</html>

ai\ekcah^p · 27.06.2010, 09:26

Тоже не хочет работать.

MrJenika · 27.06.2010, 11:43

поставьте в указании пути к скрипту перед названием слеш, да и вообще посмотрите путь .

SkyM@n · 27.06.2010, 13:40

Код:

<script language="JavaScript" type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>

<script language="JavaScript" type="text/javascript">
$(function()
{
$("#rq11, #rq12").click(function()
{
$('#box1').slideUp();
$('#box2').slideDown();
});

});
</script>

Виталий Желтяков · 27.06.2010, 22:16

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

26.06.2010, 23:26	#4
motorway Участник клуба Регистрация: 28.06.2009 Сообщений: 1,950	Ошибки в консоли посмотрите. Сам скрипт в той же папке, что и страница лежит? Скрипты PHP, VBA. Skype:ktmtramway Расписание электричек Быстрый проверенный хостинг.

27.06.2010, 11:43	#8
MrJenika Форумчанин Регистрация: 07.09.2009 Сообщений: 361	поставьте в указании пути к скрипту перед названием слеш, да и вообще посмотрите путь . webinmd.com

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
jquery гармошка	soonner	JavaScript, Ajax	5	11.11.2011 13:27
Исследование jQuery	VeronicaDream	Фриланс	5	02.04.2010 19:15
jQuery itself	spein	JavaScript, Ajax	4	25.12.2009 22:30
jQuery menu	spein	JavaScript, Ajax	3	06.07.2009 22:45

27.06.2010, 03:50	#5
SkyM@n Laravel/Vue expert Старожил Подтвердите свой е-майл Регистрация: 08.08.2007 Сообщений: 2,832	1. где у вас jquery-1.3.2.min.js лежит? 2. что дает код: <script> $(document).css("backgroundColor"," black"); </script>

27.06.2010, 22:16	#10
Виталий Желтяков Старожил Регистрация: 19.04.2010 Сообщений: 2,702	Сегодня видно от жары у многих руки начали расти не из того места - готовый код дали, а запустить не могут.