|
|
|
| Всем привет. Нужна Ваша помощь в разработке скрипта. Структура такова.
box_items может быть разное количество 0-... Допустим я определил (определятся автоматически будет), что нужно в scrollablelist оставить 4 box_items остальное перенести в такой же блок, т.е. создать еще один scrollablelist и туда перенести остаток. Первый пример это начальная позиция до работы скрипта, а второй вариант уже после обработки скрипта.
<div id="scrollableitems">
<div class="scrollablelist" style="width:650px;">
<div class="box_items">инфа</div>
<div class="box_items">инфа</div>
<div class="box_items">инфа</div>
<div class="box_items">инфа</div>
<div class="box_items">инфа</div>
<span class="under"></span>
</div>
</div>
|
<div id="scrollableitems">
<div class="scrollablelist" style="width:650px;">
<div class="box_items">инфа</div>
<div class="box_items">инфа</div>
<div class="box_items">инфа</div>
<div class="box_items">инфа</div>
<span class="under"></span>
</div>
<div class="scrollablelist" style="width:650px;">
<div class="box_items">инфа</div>
<span class="under"></span>
</div>
</div>
|
Работаю с JQUERY библиотекой. Пробовал clone, но все же не получается у меня. Не могу додуматься как отсчитать нужное количество box_items, чтобы остаток перенести в другой новосозданный scrollablelist. Прошу у Вас помощи. Спасибо. | |
|
|
|
|
|
|
|
для: TetRiska
(28.04.2011 в 17:07)
| |
<script>
$(document).ready(function(){
for(i = 0; i < 10; i++) {
if(i % 4 == 0){
$('.scrollablelist : last').append('<span class="under"></span>');
$('.scrollableitems').append(<div class="scrollablelist" style="width:650px;"></div>)
}else{
$('.scrollablelist : last').append('<div class="box_items">инфа</div>');
}
}
});
</script>
|
| |
|
|
|