当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


jQuery UI Spinner max用法及代码示例


jQuery UI滑块中的max选项。 max选项用于在jQuery UI微调器中设置最大值。默认情况下,该值为空。

用法:

$( ".selector" ).spinner(
   { max:number | 'string' }
);

CDN连结:首先,添加任务所需的jQuery UI脚本CDN链接。

参数:该选项接受上面提到和下面描述的两个参数:

  • number:此参数保存最大值的数字。
  • string:该参数将根据numberFormat和区域性选项进行解析,否则它将退回到本机parseFloat()方法。

<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>

范例1:在此示例中,我们将使用微调器的最大选项为50。

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" ).spinner(  
               {max:50} 
            ); 
         }); 
      </script> 
   </head> 
     
   <body> 
      <h1>GeeksforGeeks</h1>  
      <h2>jQuery UI | spinner max option</h2> 
      <div id = "geeks"> 
         <input type = "text" id = "gfg" value = "45" /> 
      </div> 
   </body> 
</html>

输出:

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




相关用法


注:本文由纯净天空筛选整理自taran910大神的英文原创作品 jQuery UI Spinner max Option。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。