Событие изменения jQuery UI Spinner
Пользовательский интерфейс jQuery состоит из виджетов графического интерфейса, визуальных эффектов и тем, реализованных с использованием jQuery, CSS и HTML. jQuery UI отлично подходит для создания интерфейсов пользовательского интерфейса для веб-страниц. Виджет jQueryUI spinner помогает нам увеличивать и уменьшать значения элемента ввода с помощью стрелок вверх и вниз. В этой статье мы увидим, как использовать событие изменения в слайдере пользовательского интерфейса jQuery. Событие изменения запускается, когда значение счетчика изменилось, и ввод больше не фокусируется на счетчике пользовательского интерфейса jQuery.
Синтаксис:
$( ".selector" ).spinner({ change: function( event, ui ) {} });
Ссылка CDN: Сначала добавьте ссылку CDN скриптов пользовательского интерфейса jQuery, необходимую для вашей задачи.
<link href = “https://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css” rel = “stylesheet”>
<script src = “https://code.jquery.com/jquery-1.10.2.js”></script>
<script src = “https://code.jquery.com/ui/1.10.4/jquery-ui.js”></script>
Пример ниже иллюстрирует событие изменения jQuery UI Spinner:
Пример:
Выход:
Ссылка: https://api.jqueryui.com/spinner/#event-change