Вы находитесь здесь:Плагины jQuery»liReverse - jQuery Reverse Elements или обратный порядок элементов на jQuery

liReverse - jQuery Reverse Elements или обратный порядок элементов на jQuery

Вторник, 27 Ноябрь 2012 01:18 Автор 

Плагин liReverse меняет порядок следования элементов в DOM.
Вы можете менять порядок всех элементов или группы элементов, следующих по алгоритму "N через N".

Плагин liReverse имеет всего один параметр - "column"
column:-1 //чтобы обратить порядок всех дочерних элементов;
column:/*Любое целое положительное число*/ //чтобы обратить порядок группы "N через N"

Пример работы на JSFIDDLE

Подключаемые файлы

Подключаем библиотеку "jQuery" и плагин "liReverse":

   
        <script src="/js/jquery-1.8.min.js"></script>
        <script src="/js/jquery.liReverse.js"></script>
    

Структура HTML

Ниже приведен простейший пример html кода, в котором будем менять порядк следования вложенных дивов

        <div class="anyClass">
            <div>0</div>
            <div>1</div>
            <div>2</div>
            <div>3</div>
            <div>4</div>
            <div>5</div>
            <div>6</div>
            <div>7</div>
            <div>8</div>
            <div>9</div>
        </div>
    

Инициализация плагина

    $('.anyClass').liReverse({
        //-1 (чтобы обратить порядок всех дочерних элементов)
        //или
        //Любое целое положительное число (чтобы обратить порядок группы "N через N")    
        column:'-1'
    });
    
Прочитано 4091 раз Последнее изменение Воскресенье, 30 Март 2014 17:22
Оцените материал
(1 Голосовать)

Добавить комментарий

Защитный код
Обновить

Онлайн-конструктор українського орнаменту

Чем вы можете помочь?

1. Разместить ссылку на своем сайте
Если вы ведете блог или у вас есть сайт - поставьте ссылку на www.masscode.ru. Скопируйте этот код:

<a href="http://masscode.ru" title="Плагины, сниппеты и пользовательские скрипты на jquery" target="_blank">Плагины, сниппеты и пользовательские скрипты на jquery</a>

2. Поддержать проект финансово
Вы можете сделать добровольное пожертвование

AUH: U878157792792
USD: Z821422743261
RUB: R360648948582
EUR: E298388086680

Свежие материалы

Последние коментарии

Вы находитесь здесь:   ГлавнаяjQueryliReverse - jQuery Reverse Elements или обратный порядок элементов на jQuery