Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) jQuery Как сделать автоматическую разбивку?

Как сделать автоматическую разбивку?


     14.03.2016    jQuery, Общие вопросы по PHP    744

вопрос
Здравствуйте. Скажите пожалуйста, как сделать автоматическое проставление определенной цифры, в определенном количестве ссылок.

К примеру, есть вот такой слайдер, который выводится вот через такой код

                    <ul data-active-group="1" data-max-group="3">
                      <li class="active" style="" data-group="1">1</li>
                      <li class="" style="" data-group="1">2</li>
                      <li class="" style="" data-group="1">3</li>
                      <li class="" style="" data-group="1">4</li>
                      <li class="" style="" data-group="1">5</li>
                      <li class="" style="" data-group="1">6</li>
                      <li class="" style="" data-group="1">7</li>
                      <li class="" style="" data-group="1">8</li>
                      <li class="" style="" data-group="1">9</li>
                      <li class="" style="" data-group="1">10</li>
                      <li class="" style="" data-group="2">11</li>
                      <li class="" style="" data-group="2">12</li>
                      <li class="" style="" data-group="2">13</li>
                      <li class="" style="" data-group="2">14</li>
                      <li class="" style="" data-group="2">15</li>
                      <li class="" style="" data-group="2">16</li>
                      <li class="" style="" data-group="2">17</li>
                      <li class="" style="" data-group="2">18</li>
                      <li class="" style="" data-group="2">19</li>
                      <li class="" style="" data-group="2">20</li>
                      <li class="" style="" data-group="3">21</li>
                      <li class="" style="" data-group="3">22</li>
                      <li class="" style="" data-group="3">23</li>
                      <li class="" style="" data-group="3">24</li>
                      <li class="" style="" data-group="3">25</li>
                      <li class="" style="" data-group="3">26</li>
                      <li class="" style="" data-group="3">27</li>
                      <li class="" style="" data-group="3">28</li>
                      <li class="" style="" data-group="3">29</li>
                      <li class="" style="" data-group="3">30</li>
                    </ul>

В данном случае есть 3 слайда. по 10 информационных блока.

Так вот, сама суть вопроса, как сделать что бы первая десятка ссылок

<li class="" style="" data-group="1">2</li>


получала цифру 1 в строке data-group="1". А уже начиная с 11 в data-group="2" - было уже 2.

И по мимо этого в строке data-max-group="Х" после каждой десятой строки, в поле заместо Х плюсовалось на 1.

Знаю что это какой то слайдер, но я его так и не нашел. Может кто знает как такое сделать, или знает что за слайдер, прошу подсказать

Ответа пока нет


Комментарии пользователей (5)

nowheremany
192

1659 | 1292

nowheremany - 15 марта 2016 09:44 - Эксперт

var maxdatagroup=0;
$('ul[data-max-group] li').each(function(i,e){
var a=Math.floor(i/10)+1;
if(maxdatagroup<a) maxdatagroup=a;
$(e).attr('data-group',a);
})
$('ul[data-max-group]').attr('data-max-group',maxdatagroup)

Благодарность принимаю тут Связь

Kaba4ek
6 | 1

Kaba4ek - 15 марта 2016 10:27 - Юзер

Поставил я Ваш скрипт, но что то не срабатывает.

nowheremany
192

1659 | 1292

nowheremany - 15 марта 2016 11:16 - Эксперт


Благодарность принимаю тут Связь

Kaba4ek
6 | 1

Kaba4ek - 15 марта 2016 11:42 - Юзер

nowheremany,

Даже на jsfiddle не подставляет нумерацию. Как прописано в html, так оно и отображает

еще пишет ошибку

Uncaught SyntaxError: missing ) after argument list fiddle.jshell.net/680s4jht/show/:51 Uncaught SyntaxError: missing ) after argument list

nowheremany
192

1659 | 1292

nowheremany - 15 марта 2016 12:42 - Эксперт

Угу. Я поправил в 2 версии и обновил ссылку, но исправленная версия не отличается от первого кода

Благодарность принимаю тут Связь

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы