jQuery UI Опция сортировки расстояния

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

В этой статье мы изучим параметр jQuery UI Sortable Distance, который указывает, что сортировка не начнется до тех пор, пока мышь не будет перетащена за указанное расстояние. Его можно использовать, что позволяет нажимать на элементы в пределах применимого расстояния. Он имеет числовой тип, и его значение по умолчанию равно 1.

Синтаксис:

$( "Selector" ).sortable({ distance: 10 });

• Настройка параметра расстояния:

   $("Селектор").sortable("опция", "расстояние", 10);

• Получение опции расстояния:

   var Distance = $("Селектор").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, где мы установим параметр расстояния равным 10, и будет запущено начальное событие, которое отобразит текущий параметр расстояния.

Выход:

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