jQuery UI Сортируемый допуск Опция

Пользовательский интерфейс jQuery — это веб-технология, состоящая из различных виджетов графического интерфейса, визуальных эффектов и тем. Эти функции могут быть реализованы с помощью библиотеки jQuery, JavaScript. jQuery UI — лучший инструмент для создания интерфейсов пользовательского интерфейса для веб-страниц. Его также можно использовать для создания интерактивных веб-приложений или для простого добавления виджетов.

В этой статье мы изучим параметр допуска jQuery UI Sortable , который указывает, какой режим можно использовать для проверки того, находится ли перемещаемый элемент над другим элементом. Это строковый тип, и его значение по умолчанию — «пересечение».

Возможные значения для параметра Допуск:

• пересечение: сортировка начнется, когда элемент перекроет другой элемент как минимум на 50%.
• указатель: Сортировка начнется, когда указатель мыши перекроет другой элемент.

Синтаксис:

Инициализация сортируемого с параметром допуска, имеющим определенное строковое значение:

$( "Selector" ).sortable({ tolerance: "pointer" });

• Настройка параметра допуска:

   $("Селектор").sortable("опция", "допуск", "указатель");

• Получение опции допуска:

   var толерантность = $("Селектор").sortable("параметр", "допуск");

Ссылка CDN: добавьте сценарии jQuery Mobile, необходимые для вашего проекта:

<link rel=”stylesheet” href=”https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css”>
<script src= “https://code.jquery.com/jquery-1.12.4.js”></script>
<script src= “https://code.jquery.com/ui/1.12.1/jquery-ui.js”></script>

Пример: приведенный ниже пример иллюстрирует параметр допуска jQuery UI Sortable, где мы установим значение параметра допуска как «указатель», и будет инициировано начальное событие, отображающее текущий параметр допуска.

Выход:

Ссылка: https://api.jqueryui.com/sortable/#option-tolerance