Я только что закончил учебники по codecademy по html, css, js и jQuery. Теперь я пытаюсь создать что-то самостоятельно. Но я не могу сделать даже самую простую работу. До сих пор я делал все в какой-то «браузерной лаборатории». Вопрос в том, как использовать или включать jQuery в свой index.html, чтобы он работал, когда я открываю его в браузере? После некоторых поисков я использовал ссылки, размещенные в библиотеке google, но он все равно не работает. У меня есть 3 файла: index.html, style.css и script.js.Использование jqueryui в index.html
Теперь он просто загружает страницу с этим квадратом, но ничего не делает, когда я нажимаю на нее, даже если код jQuery должен быть правильным.
index.html код:
<!DOCTYPE html>
<html>
<head>
<title>My thing</title>
<link rel='stylesheet' type='text/css' href='style.css'/>
<script type='text/javascript' src='script.js'></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
</head>
<body>
<div>
</div>
</body>
</html>
style.css код:
div {
height: 250px;
width: 250px;
background-color: #008800;
}
script.js код:
$(document).ready(function(){
$('div').click(function(){
$(this).effect('explode');
});
});
Сочетание добавления http и перемещения ссылки «script.js» после того, как эти ссылки были обработаны. –
@ruby_ruby нет необходимости добавлять 'http:', как я показал в демо –
Я вижу, что он работает в демо, но когда я удаляю http: в моем файле, он реально не взрывается. Когда я держу его там, он работает. В любом случае, спасибо за помощь новичку. –