📜  jQuery UI 选项卡 heightStyle 选项

📅  最后修改于: 2021-11-25 03:19:08             🧑  作者: Mango

jQuery UI 由使用 jQuery、CSS 和 HTML 实现的 GUI 小部件、视觉效果和主题组成。 jQuery UI 非常适合为网页构建UI 界面。 jQueryUI 标签小部件帮助我们将一些内容放在不同的标签中,并允许我们在它们之间切换。在本文中,我们将看到如何在 jQuery UI 滑块中使用 heightStyle选项。
heightStyle选项用于设置高度在jQuery UI的标签。

句法:

$( ".selector" ).tabs(
   { heightStyle : 'fill'}
);

参数:

  • heightStyle:要填充的样式

方法:首先,添加项目所需的 jQuery UI 脚本。

示例 1:

HTML


  

    
  
    
      
    
      
    
  
    

  

    

GeeksforGeeks

    

jQuery UI tabs heightStyle option

       
        
                
  • Tab 1
  •             
  • Tab 2
  •             
  • Tab 3
  •         
        
            

                tab Number -1             

        
           
            

                tab Number -2             

        
           
            

                tab Number -3             

        
    
  


HTML


  

    
  
    
      
    
      
    
  
    

  

    

GeeksforGeeks

    

jQuery UI tabs heightStyle option

       
        
                
  • Tab 1
  •             
  • Tab 2
  •             
  • Tab 3
  •         
        
            

                tab Number -1             

        
           
            

                tab Number -2             

        
           
            

                tab Number -3             

        
    
  


输出:

示例 2:

HTML



  

    
  
    
      
    
      
    
  
    

  

    

GeeksforGeeks

    

jQuery UI tabs heightStyle option

       
        
                
  • Tab 1
  •             
  • Tab 2
  •             
  • Tab 3
  •         
        
            

                tab Number -1             

        
           
            

                tab Number -2             

        
           
            

                tab Number -3             

        
    
  

输出: