Подскажите почему не работает скрипт, который я подключаю в файле?
Есть пример.
<!DOCTYPE html>
<html>
<head>
<title>Увеличить и уменьшить значение в поле input | pcvector.net</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<style type="text/css">
span {cursor:pointer; }
.number{
margin:100px 30%;
}
.minus, .plus{
width:10px;
height:10px;
background:#f2f2f2;
border-radius:4px;
padding:3px 5px 3px 5px;
border:1px solid #ddd;
}
input{
height:24px;
border:1px solid #ddd;
border-radius:4px;
padding:0 2px;
}
</style>
<script type="text/javascript" >
$(document).ready(function() {
$('.minus').click(function () {
var $input = $(this).parent().find('input');
var count = parseInt($input.val()) - 1;
count = count < 1 ? 1 : count;
$input.val(count);
$input.change();
return false;
});
$('.plus').click(function () {
var $input = $(this).parent().find('input');
$input.val(parseInt($input.val()) + 1);
$input.change();
return false;
});
});
</script>
</head>
<body>
<div class="topHeader">
<a class="backArticle" href="http://pcvector.net/scripts/forms/380-uvelichit-i-umenshit-znachenie-v-pole-input.html">Назад к статье >>></a>
</div>
<div class="number">
<span class="minus">-</span>
<input type="text" value="1" size="5"/>
<span class="plus">+</span>
</div>
</body>
</html>
Все работает, если же я выношу скрипт в отдельный файл, скажем script.js и подключаю его вот так <script src="script.js"></script>, то ничего не работает. Не могу понять почему так происходит, хотя другие скрипты прекрасно работают.
