如何使用 jQuery UI 实现类别菜单？

在本文中，我们将学习如何以将哪些元素转换为可选菜单项的方式配置项目。我们可以使用这种技术来创建类别标题。其余项目可用作可选项目。

句法：

$( "#selector" ).menu({ items: "> :not(.selector)" });

参数：此方法接受一个参数作为项目。

返回值：此方法不返回任何内容。

需要添加的脚本：

请先下载库，然后使用下面给定脚本的路径。

示例：在本示例中，我们创建了两个列表，一个是编程语言类别，另一个是库。在这里，我们已将这种方法应用于不同类别的两个标题。

HTML

  

    
    
  
    
  
    
    
      
    
    
      
    
        $(function () {
            $("#menu").menu({
                items: "> :not(.widget-header)"
            });
        });
    
    
        #menu {
            width: 300px;
        }
  
        .widget-header {
            padding: 0.3em;
            color: white;
        }
    

  

    Geeks for Geeks Menu Using jQuery UI
  
    
        
            
                Programming Languages
            
        
        
            Python
        
        
            Javascript
        
        
            Java
        
        
            
                Libraries
            
        
        
            Tensorflow
        
        
            Pandas
        
        
            Numpy
        
    

  

输出 ：