Здравствуйте. Подскажите пожалуйста, в чём может быть причина того, что не работает мой фреймворк?
Вот код html страницы:
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf8" />
<title>Test project</title>
<link rel="shortcut icon" type="x-image/ico" href="media/img/favicon.ICO" />
<link rel="stylesheet" type="text/css" href="media/css/style_main.CSS" />
<script type="text/javascript" href="media/js/jquery.JS"></script>
<script type="text/javascript" href="media/js/script_design.JS"></script>
</head>
<body>
<div class="top_bar"></div>
<header>
<div class="menu">
<ul>
<li><a class="main">Главная</a></li>
<li><a class="info">О нас</a></li>
<li><a class="feedback">Связь с нами</a></li>
</ul>
</div>
</header>
<div class="content">
</div>
<div class="bottom_bar"></div>
</body>
</html>
Вот код JQuery:
$(document).ready(function (){
alert('test1');
var content = $('div.content');
var page_main = $('a.main');
var page_info = $('a.info');
var page_feedback = $('a.feedback');
$('.main').click(function() {alert('test');});
});
Я в design_main.JS и алертами пробовал выводить и по другому тестировал - просто 0, код не срабатывает, в отладчике в хроме вообще ничего не отображается. В чём может быть ошибка?