Не работает фреймворк
Здравствуйте. Подскажите пожалуйста, в чём может быть причина того, что не работает мой фреймворк?
Вот код 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, код не срабатывает, в отладчике в хроме вообще ничего не отображается. В чём может быть ошибка? |
P.S: имена файлов и регистры расширений совпадают, в отладчике даже эти ссылки открывал что бы убедиться.
|
Цитата:
jquery.JS - это зря, смысла большого нет, а на UNIX, LINUX платформах, на которых в основном и работают сервера, файлы с именами jquery.JS и jquery.js, будут считаться разными файлами, стоит ли без большой необходимости головную боль себе доставлять? $('.main').click... а зачем тогда var page_main = $('a.main');? page_main.click.... и вообще, если более не используется, то $('a.main').click... без определения в переменной, а если будут использоваться, то сразу var page_main = $('a.main').click(function() { /// }) Работать должно, значит с JQ что-то не то. |
Но если я в script_design.JS вставлю просто <script typ="text/javascript">alert("test");</script> - он всё равно не срабатывает.. Я не понимаю даже что с ним. Браузер Chrome последней версии
|
В script_design.JS должно быть alert("test"); и все, то есть без <script typ="text/javascript"></script>.
|
И так тоже не работает.
|
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script> $(function() { $('div.menu').on('click', 'a', function() { alert(this.className) }); }); </script> </head> <body> <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> </body> </html> Работает? Если код этого примера вставить в подключаемый файл (без тегов <script></script>) тоже будет работать без проблем. |
Нашёл ошибку.. При подключении скриптов надо писать не href а src)
|
Часовой пояс GMT +3, время: 09:24. |