Поменять местами элементы в списке
Доброго вечера!
Пытаюсь создать скрипт для смены мест блоков внутри списка. Результат должен быть такой - блок ".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>
|
$(function(){
$( "div.item" ).each(function() {
$(this).children("div.info").after($(this).children("div.img"));
});
})
P.S. $(function) почти то же самое, что window.onload = function, только не ждёт загрузки лишней фигни. |
$( "div.item" ).each(function() {
$(this).append($(this).children("div.img"));
});
|
Цитата:
насчет window.onload=function() и $(function). Если я ставлю с $(function) в head, то не работает. Приходиться спускать в футер. С window.onload=function() понятно дело все работает, но нужно ждать. Еще вопрос, для общего развития, куда лучше цеплять в head или самый низ? |
Цитата:
|
| Часовой пояс GMT +3, время: 21:49. |