Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Помогите новичку разобраться!!! (https://javascript.ru/forum/dom-window/57570-pomogite-novichku-razobratsya.html)

workgood 09.08.2015 20:14

Помогите новичку разобраться!!!
 
И зучаю JavaScript

Создал создал следующие фаилы по примерам книги.

index.html

----------------------------------------------------------------------------------------------------

<!doctype html>
<html>
<head>
<title>Amazeriffic</title>
<link href="stylesheets/reset.css" rel="stylesheet" type="text/css">
<link href="stylesheets/style.css" rel="stylesheet" type="text/css">
<meta charset="utf-8">
</head>
<body>
<header>
<div class="container">
<h1>Amazeriffic</h1>
<nav>
<a href="#">Войти</a> |
<a href="#">ВиО</a> |
<a href="#">Техподдержка</a>
</nav>
</div>
</header>
<main>
<div class="container">
<div class="tabs">
<a href=""><span class="active">Новые</span></a>
<a href=""><span>Старые</span></a>
<a href=""><span>Добавить</span></a>
</div>
<div class="content">
<ul>
<li>Купить продукты</li>
<li>Обновить несколько новых задач</li>
<li>Подготовится к лекции в понедельник</li>
<li>Ответить на письма нанимателей в LinkeIn</li>
<li>Вывести грейси на прогулку в парк</li>
<li>Закончить писать книгу</li>
</ul>
</div>
</div>
</main>
<footer>
<div class="container">
<div class="left">
<div class="contact">
<h5>Свяжитесь с нами</h5>
<p>Amazeriffic!</p>
<p>555 50-я улица</p>
<p>Эшвилл, Северная Каролина 28801</p>
</div>
</div>
<div class="sitemap">
<h5>Карта сайта</h5>
<ul>
<li><a href="#">Домой</a></li>
<li><a href="#">О нас</a></li>
<li><a href="#">Право</a></li>
<li><a href="#">Техподдержка</a></li>
<li><a href="#">ВиО</a></li>
<li><a href="#">Вакансии</a></li>
</ul>
</div>
</div>
</footer>
<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="scripts/app.js"></script>
</body>
</html>

-----------------------------------------------------------------------------------------------------

app.js

---------------------------------------------------------------------------------------------------------
var main = function () {
"use strict";
// var toDos = [
// "Закончить писать эту книгу",
// "Вывести грейси на прогулку в парк",
// "Ответить на электронные письма",
// "Подготовится к лекции в понедельник",
// "Обновить несколько новых задач",
// "Купить продукты"
// ];


$(".tabs a span").toArray().forEach(function (element) {
$(element).on("click", function () {
var $element = $(element);
$(".tabs a span").removeClass("active");
$element.addClass("active");
$("main .content").empty();
if ($element.parent().is(":nth-child(1)")) {
console.log("Шелчек на первой вкладке!");
} else if ($element.parent().is(":nth-child(2)")) {
console.log("Шелчек на первой вкладке!");
} else if ( $element.parent().is(":nth-child(3)")) {
console.log("Шелчек на первой вкладке!");
}
return false;
});
});
};
--------------------------------------------------------------------------------
немогу понять, почему невыводятся сообщения console.log в лог браузера????
Помогите выявить ошибку.

рони 09.08.2015 20:31

workgood,
где запуск
main()
?

Safort 09.08.2015 20:57

Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:
[js]
... ваш код...
[/js]


О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.

workgood 09.08.2015 21:00

Спасибо большое разобрался!!!


Часовой пояс GMT +3, время: 04:09.