📜  jQWidgets jqxNavigationBar collapsedItem 事件

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

jQWidgets jqxNavigationBar collapsedItem 事件

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

当指定 jqxNavigationBar 的 item 被折叠时触发collapsedItem事件。

句法:

$('Selector').on('collapsedItem', function (event) {
    var collapsedItem = event.args.item;
});

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

示例:下面的示例说明了 jQWidgets jqxNavigationBar collapsedItem事件。

HTML


  

    
    
    
    
    

  

    
        

            GeeksforGeeks         

        

            jQWidgets jqxNavigationBar collapsedItem Event         

        
            
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