script.aculo.us Параметр тега сортировки

Опубликовано: 1 Декабря, 2021

Параметр тега в модуле Sortable используется для указания типа элементов, которые необходимо сделать сортированными в контейнере. Его значение по умолчанию - li, то есть элемент списка.

Синтаксис:

 Sortable.create (идентификатор_контейнера, {тег: тип_контейнера});

Пример 1:

HTML

 <!DOCTYPE html>
 < html >
 
< head >
    < script type = "text/javascript"
        src = "prototype.js" >
    </ script >
 
    < script type = "text/javascript"
        src = "scriptaculous.js" >
    </ script >
 
    < script >
        window.onload = function () {
            Sortable.create(
                'list', { tag: 'li' }
            );
        }
    </ script >
     
    < style >
        li {
            cursor: move;
        }
    </ style >
 </ head >
 
< body >
    < ul id = "list" >
        < li >tag</ li >
        < li >overlap</ li >
        < li >constraint</ li >
        < li >containment</ li >
        < li >handle</ li >
    </ ul >
 </ body >
 
</ html > 

Выход:

Пример 2: В этом примере изображения в контейнере можно сортировать с помощью тега div.

HTML

 <!DOCTYPE html>
 < html >
 
< head >
    < script type = "text/javascript"
        src = "prototype.js" >
    </ script >
 
    < script type = "text/javascript"
        src = "scriptaculous.js" >
    </ script >
 
    < script >
        window.onload = function () {
            Sortable.create(
                'imageContainer',
                { tag: 'div' }
            );
        }
    </ script >
     
    < style >
        div {
            cursor: move;
        }
    </ style >
 </ head >
 
< body >
    < div id = "imageContainer" >
        < div >< img src = "gfg.png" /></ div >
        < div >< img src = "gfg1.png" /></ div >
    </ div >
 </ body >
 
</ html > 

Выход :

Technical Scripter JavaScript Picked

script.aculo.us Параметр тега сортировки

HTML

HTML

РЕКОМЕНДУЕМЫЕ СТАТЬИ