Форум

Dante1970 · #1 (**permalink**) 10.07.2017, 12:57

Скажи в чем проблема данного кода? У меня jquery код не работает.

// HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Document</title>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<h1>Hello World!</h1>

<script type="text/javascript" src="jquery-3.2.1.slim.js"></script>
<script type="text/javascript" src="ex.js"></script>
</body>
</html>

// JS

$("h1").css("color","greeen");

$(document).ready(function(){
$("h1").css("color","greeen");
});

рони · #2 (**permalink**) 10.07.2017, 13:02

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

","greeen");

нет такого цвета.

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

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

[js]
... ваш код...
[/js]

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

ksa · #3 (**permalink**) 10.07.2017, 14:40

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

в чем проблема данного кода?

<script type="text/javascript" src="jquery-3.2.1.slim.js"></script>
<script type="text/javascript" src="ex.js"></script>

Возможно по тому пути нет нет ни того, ни другого...

Вот рабочий вариант

<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<script src='https://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
$(function(){
	$("h1").css("color","green");
});
</script>
</head>
<body>
<h1>Hello World!</h1>
</body>
</html>

ksa · #4 (**permalink**) 10.07.2017, 14:40

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

в чем проблема данного кода?

<script type="text/javascript" src="jquery-3.2.1.slim.js"></script>
<script type="text/javascript" src="ex.js"></script>

Возможно по тому пути нет нет ни того, ни другого...

Вот рабочий вариант

<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<script src='https://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
$(function(){
	$("h1").css("color","green");
});
</script>
</head>
<body>
<h1>Hello World!</h1>
</body>
</html>

Форум

Справочник

Discord чат

Курсы javascript