Форум

Василь · #1 (**permalink**) 04.11.2016, 23:55

Доброго вечера!
Пытаюсь создать скрипт для смены мест блоков внутри списка.
Результат должен быть такой - блок ".img" должен поменяться местом с блоком ".info" и так далее по списку.
Получилось пока сделать по клику, а как сделать это в процессе загрузки страницы???

Помогите плиз, ибо задолбался!

<body>
<div class="item">
<div class="img">img</div>
<div class="info">info</div>
</div>
<div class="item">
<div class="img">img</div>
<div class="info">info</div>
</div>
<div class="item">
<div class="img">img</div>
<div class="info">info</div>
</div>
</body>

<script type="text/javascript">
window.onload=function(){
         $( "div.item" ).click(function() {
           $(this).children("div.info").after($(this).children("div.img"));
         });
 }
</script>

Aetae · #2 (**permalink**) 05.11.2016, 00:19

$(function(){
  $( "div.item" ).each(function() {
    $(this).children("div.info").after($(this).children("div.img"));
  });
})

P.S. $(function) почти то же самое, что window.onload = function, только не ждёт загрузки лишней фигни.

laimas · #3 (**permalink**) 05.11.2016, 02:31

$( "div.item" ).each(function() {
        $(this).append($(this).children("div.img"));
    });

Василь · #4 (**permalink**) 05.11.2016, 03:05

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

$(function(){
  $( "div.item" ).each(function() {
    $(this).children("div.info").after($(this).children("div.img"));
  });
})

P.S. $(function) почти то же самое, что window.onload = function, только не ждёт загрузки лишней фигни.

Спасибо!
насчет window.onload=function() и $(function).
Если я ставлю с $(function) в head, то не работает. Приходиться спускать в футер. С window.onload=function() понятно дело все работает, но нужно ждать.
Еще вопрос, для общего развития, куда лучше цеплять в head или самый низ?

Василь · #5 (**permalink**) 05.11.2016, 03:06

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

$( "div.item" ).each(function() {
        $(this).append($(this).children("div.img"));
    });

Спасибо!

Форум

Справочник

Discord чат

Курсы javascript