📜  jQWidgets jqxNavigationBar toggleMode 属性

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

jQWidgets jqxNavigationBar toggleMode 属性

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

切换模式 属性用于设置或获取用于展开或折叠指定jqxNavigationBar的内容的用户交互。此属性接受三个可能的值,即“click”、“dblclick”和“none”。

句法:

  • 用于设置toggleMode属性:

    $('Selector').jqxNavigationBar({ 
        toggleMode: "dblclick" 
    });  

  • 获取toggleMode属性:

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

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

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

HTML


  

    
    
    
    
    

  

    
        

            GeeksforGeeks         

        

            jQWidgets jqxNavigationBar toggleMode 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