jQuery UI Slider disable () Метод

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

Пользовательский интерфейс jQuery состоит из виджетов графического интерфейса, визуальных эффектов и тем, реализованных с использованием jQuery, CSS и HTML. Пользовательский интерфейс jQuery отлично подходит для создания интерфейсов пользовательского интерфейса для веб-страниц. jQueryUI предоставляет нам управление ползунком через виджет ползунка. Ползунок помогает нам получить определенное значение, используя заданный диапазон. В этой статье мы увидим, как отключить слайдер пользовательского интерфейса jQuery. Disable () используется для отключения текущего ползунка, чтобы его функции не могли использоваться.

Синтаксис:

 $ (".selector") .slider ("отключить");

Подход:

Сначала добавьте сценарии пользовательского интерфейса 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>

Пример:

HTML

 <!doctype html>
 < html lang = "en" >
 
< head >
    < meta charset = "utf-8" >
    < 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 >
 
    < script >
        $(function() {
            $("#gfg").slider();
            $("#gfg").slider("disable");
        });
    </ script >
 </ head >
 
< body >
    < h1 >GeeksforGeeks</ h1 >
    < h2 >jQuery UI | slider disable method</ h2 >
    < div id = "gfg" ></ div >
 </ body >
 
</ html > 

Синтаксис ползунка выше в коде также можно записать следующим образом.

 $ ('# gfg'). slider ({disabled: "true"});

Выход:

JQuery HTML jQuery-UI

jQuery UI Slider disable () Метод

HTML

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