1

Тема: Как разделить список на несколько столбцов

Следующий скрипт делит один столбик на несколько. Это может быть полезно при создании выпадающего меню, для того чтобы при нажатии или наведении выпадающее меню отображалось как несколько столбцов, а не один длинный список.

$ .fn.extend (
{
    list2Columns: функциональные (numCols)
    {
        вар  элементы списка = $ ( это ). .html () матч (/ (<LI> + </ LI>) / IgM.), / * получить список данных * /
        вар  listHeader = $ ( это ). .html () матч (/ (<UL +). "> / IgM);
        вар numListItems = listItems.length;
        вар numItemsPerCol = Math.Round (numListItems / numCols); / * Разделить на количество столбцов требуется * /
        вар currentColNum = 1, currentItemNumber = 1, returnHtml = '', я = 0;
 
        $ (Это) .empty (); / * Чистый предыдущее содержимое * /
 
        / * Добавить столбцы * /
        для (я = 1; я <= numCols; я ++)
        {
            $ (Это) .append ('<ул класс = " listColumn- '+ я + "стиль =" плавать: слева; маржа: 10px "> </ UL> ' );
        }
 
        / * Добавить элементы в столбцах * /
        $ .each (Элементы списка, функция  (я, v)
        {
            если  (currentItemNumber <= numItemsPerCol)
            {
                $ ( '.listColumn- " + currentColNum) .append (v);
                currentItemNumber ++;
            }
            еще
            {
                currentColNum ++;
                currentItemNumber = 1;
            }
        });
    }
});
Email: punbb.info@gmail.com