Медлить не буду, вот код
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script type="text/javascript" src="jquery.min.js"></script>
</head>
<body>
<div id="string-1">Ядра в вёдра, выдру в тундру!</div><!--6-->
<div id="string-2">Выдрав с выдры в тундре гетры</div><!--3-->
<div id="string-3">В недрах тундры, выдры в гетрах </div> <!--1-->
<div id="string-4">Вытру гетрой выдре морду </div><!--5-->
<div id="string-5">Тырят в вёдра ядра кедров!</div> <!--2-->
<div id="string-6">Вытру выдрой ядра кедров</div><!--4-->
<script type="text/javascript">
$(document).ready(function(){
$('string-3').prepend('string-5');
$('string-5').prepend('string-2');
$('string-2').prepend('string-6');
$('string-6').prepend('string-4');
$('string-4').prepend('string-1');
});
</script>
</body>
</html>
Не работает jquery, задачей было, в качестве ознакомления с jquery, переставить строки, но это не работает!
Я что только не пытался делать - вставлять скрипт jquery в head, в body, писать свой скрипт через отдельный .js файл, созданный мной
<script type="text/javascript" src="myScript.js">
, писать скрипт в самом html, но через
<script></script>
, через
<script type="text/javascript"><script>
, c функцией
$(document).ready(function(){<i>код</i>})
), без этой функции. Короче я хз в чем проблема, помогите. На хабре были похожие вопросы, но 1 оказалось про немного другое, а у 2 нет ответа как именно решилась проблема, ну или по крайней мере непонятно, т.к. ответ в виде ссылки на возможное решение проблемы уже не работает