Я бьюсь головой о проблеме, которая больше связана с математикой 2-го класса, чем с программированием.Вот так: четыре <div> элемента расположены один за другим горизонтально.Когда вы нажимаете один, скрипт размещает его впереди.Вы нажимаете на другой, и он также находится впереди, и т. Д. Вы получаете изображение.Теперь я хотел бы отсортировать оставшиеся <div> элементы (все, кроме первого), используя оригинальный порядок.
Возможно, эта картинка прояснит ситуацию:
После шага # 3, C должен быть помещен после B, поэтому он должен выглядеть следующим образом: D A B C.
Вот пример кода:
<html>
<head>
<title>mixit</title>
<style type="text/css">
.insidebox{
width: 50px;
height: 50px;
line-height: 50px;
margin: 0 0 0 20px;
text-align: center;
float: left;
border: black solid 3px;
font-family: sans-serif;
cursor: pointer;
}
</style>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
<script type="text/javascript">
</script>
</head>
<body>
<div id="container">
<div id="a" class="insidebox">A</div>
<div id="b" class="insidebox">B</div>
<div id="c" class="insidebox">C</div>
<div id="d" class="insidebox">D</div>
</div>
</body>
</html>
Теперь я понимаю, что могу использовать .insertAfter() для размещения элемента впереди, но как мне решить проблему с сортировкой?Ключевое слово: начальный порядок , а не алфавитный порядок.Буквы и ящики даны только для иллюстрации.