Форум

linked3234 · #1 (**permalink**) 02.09.2015, 08:58

Здравствуйте. Подскажите пожалуйста, в чём может быть причина того, что не работает мой фреймворк?
Вот код 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, код не срабатывает, в отладчике в хроме вообще ничего не отображается. В чём может быть ошибка?

linked3234 · #2 (**permalink**) 02.09.2015, 09:11

P.S: имена файлов и регистры расширений совпадают, в отладчике даже эти ссылки открывал что бы убедиться.

laimas · #3 (**permalink**) 02.09.2015, 10:11

Сообщение от linked3234

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 что-то не то.

linked3234 · #4 (**permalink**) 02.09.2015, 10:50

Но если я в script_design.JS вставлю просто <script typ="text/javascript">alert("test");</script> - он всё равно не срабатывает.. Я не понимаю даже что с ним. Браузер Chrome последней версии

laimas · #5 (**permalink**) 02.09.2015, 11:32

В script_design.JS должно быть alert("test"); и все, то есть без <script typ="text/javascript"></script>.

linked3234 · #6 (**permalink**) 02.09.2015, 11:48

И так тоже не работает.

laimas · #7 (**permalink**) 02.09.2015, 11:56

<!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>) тоже будет работать без проблем.

linked3234 · #8 (**permalink**) 02.09.2015, 14:54

Нашёл ошибку.. При подключении скриптов надо писать не href а src)

Форум

Справочник

Discord чат

Курсы javascript