jQuery Mobile Slider option() 方法

jQuery Mobile 是一种基于 Web 的技术，用于制作可在所有智能手机、平板电脑和台式机上访问的响应式内容。

在本文中，我们将使用 jQuery Mobile Slider option()方法。使用此方法，我们可以获取、设置或更新 Slider 小部件的任何参数值。我们还可以使用此方法将所有选项作为键值对获取。

句法：

1. 如果我们需要任何选项的值，请在option(optionName)方法中传递选项名称。 optionName应该是一个字符串。

• optionName：这是我们需要以字符串形式传递的输入，我们需要为其获取值。
• return：我们根据选项数据类型得到相应的回报。

var isDisabled = $( ".selector" ).slider( "option", "disabled" );

2. 只调用不带参数的option方法，以键值对的形式获取所有选项。

• 输入：我们需要调用选项方法。不应将任何内容作为输入传递。
• return：我们得到所有选项的键值对列表作为optionName - optionValue。

var options = $( ".selector" ).slider( "option" );

3. 通过以optionName和value作为参数调用option(optionName, value)来设置任何选项的值。

• optionName：选项名称为第一个参数，为字符串类型。
• value：在调用方法时，我们需要传递选项的值，它是对象类型。

$( ".selector" ).slider( "option", "disabled", true );

4) 要设置多个选项而不是一个选项，请调用option(options)方法，其中 options 是选项列表。

• options：是optionName-value对的映射，用来设置传递的值对应的options，属于object类型。

$( ".selector" ).slider( "option", { disabled: true } );

CDN 链接：首先，添加项目所需的 jQuery Mobile 脚本。

示例：此示例描述了 jQuery Mobile Slider option()方法。

HTML

  

    
    
    
    
    
    
    

  

    
        
            
                GeeksforGeeks
            
            jQuery Mobile Slider option() Method
            
                
                    Input slider:
                    
                
            
            
            
        
    
    
        $(document).ready(function () {
            $("#Button").on('click', function () {
                var a = $("#GFG").slider("option", "disabled");
                $("#log").html('The value is: ' + a);
            });
        });
    

  

输出：

jQuery Mobile Slider option() 方法

参考： https://api.jquerymobile.com/slider/#method-option