jQuery plugins - Easy List Splitter
dec 03

Easy List Splitter

Többhasábos listák

Verzió: 1.0.2
Kiadás dátuma: 2010/09/30
Fejlesztő: Andrea Cima Serniotti
Liszensz: MIT, GPL

Bevezető

A plugin segítségével listákat tudunk tetszőleges számú hasábba rendezni. Nem kell messze menni ahhoz, hogy megértsük, miről is van szó, elég a jquery-plugins.hu fenti, kategória menüjét megtekinteni.

Az oldal nem az említett plugin-t használja, ebből eredően a menü nem egy, hanem öt, különálló listából tevődik össze. A plugin ezzel szemben egyetlen listából képes ugyanezt az eredményt létrehozni, amit még megfejel azzal, hogy az eredeti lista elemeit képes vízszintesen, illetve függőlegesen is sorrendbe szervezni.

Implementálás

JavaScript

            <script type="text/javascript" src="js/jquery.js"></script>
            <script type="text/javascript" src="js/jquery.easyListSplitter.js"></script>
          

Deklaráció

            $(document).ready(function(){
              $('.pelda').easyListSplitter({
                colNumber: 3
              });
            });
          

Teljes paraméterlista

  • colNumber: a hasábok száma (alapértelmezett: 2)
  • direction: a listaelemek rendezési iránya (vertical | horizontal)
    (alapértelmezett: 'vertical')

Tippek

  • Azért, hogy a plugin egyszerű és rugalmas maradjon, a fejlesztő nem "égetett" különböző CSS szabályokat a js-be, így ezek definiálása ránk hárul.