📜  jQuery UI 滑块最大选项

📅  最后修改于: 2022-05-13 01:56:03.205000             🧑  作者: Mango

jQuery UI 滑块最大选项

jQuery UI 由使用 jQuery、CSS 和 HTML 实现的 GUI 小部件、视觉效果和主题组成。 jQuery UI 非常适合为网页构建 UI 界面。 jQuery UI 通过滑块小部件为我们提供了滑块控件。 Slider 帮助我们使用给定范围获得某个值。在本文中,我们将看到如何设置最大值 滑块中的选项。 max选项用于设置滑块的上限范围。

句法:

$(".selector").slider(
   { max : 20}
);

参数:此选项接受一个参数,如下所述。

  • number:要设置的滑块的上限范围。

CDN 链接:首先,添加项目所需的 jQuery UI 脚本。

示例 1:在此示例中,我们将使用最大数值为 15。

HTML


   
      
      
      
      
      
      
  
      
   
     
   
      

GeeksforGeeks

        

jQuery UI | slider max option

      
   


HTML


   
      
      
      
      
      
   
     
   
      

GeeksforGeeks

        

jQuery UI | slider max option

      
   


输出:

示例 2:在本示例中,我们将使用最小、最大数值为 0 和 500的范围选项。

HTML



   
      
      
      
      
      
   
     
   
      

GeeksforGeeks

        

jQuery UI | slider max option

      
   

输出:

参考: https://api.jqueryui.com/slider/#option-max