📜  jQWidgets jqxNavigationBar expandMode 属性

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

jQWidgets jqxNavigationBar expandMode 属性

jQWidgets是一个 JavaScript 框架,用于为 PC 和移动设备制作基于 Web 的应用程序。它是一个非常强大、经过优化、独立于平台且得到广泛支持的框架。 jqxNavigationBar用于表示具有标题和内容部分的 jQuery 小部件。单击标题时,内容将相应地展开或折叠。

expandMode属性用于设置或获取指定jqxNavigationBar 的展开模式。此属性接受一些值,即“single”、“singleFitHeight”、“multiple”、“toggle”和“none”。

句法:

  • 用于设置 扩展模式属性:

    $('Selector').jqxNavigationBar({ 
        expandMode: "toggle" 
    });  

  • 获取expandMode属性:

    var expandMode = 
        $('Selector').jqxNavigationBar('expandMode');

链接文件:从给定链接下载 jQWidgets。在 HTML 文件中,找到下载文件夹中的脚本文件。

示例:下面的示例说明了 jQWidgets jqxNavigationBar expandMode属性。在下面的示例中, expandMode属性的值已设置为“toggle”。

HTML


  

    
    
    
    
    

  

    
        

            GeeksforGeeks         

        

            jQWidgets jqxNavigationBar expandMode Property         

        
            
First Header
            
                Content for the first header                 
                        
  • GFG
  •                     
  • CSE
  •                 
            
            
Second Header
            
                Content for the second header                 
                        
  • GeeksforGeeks
  •                     
  • CSE
  •                 
            
        
                 
             
  


输出:

参考: https://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxnavigationbar/jquery-navigationbar-api.htm