jQWidgets jqxMenu source 属性

jQWidgets 是一个 JavaScript 框架，用于为 PC 和移动设备制作基于 Web 的应用程序。它是一个非常强大、经过优化、独立于平台且得到广泛支持的框架。 jqxMenu 代表一个 jQuery 菜单小部件，用于为网站或 Web 应用程序创建菜单。 jqxMenu 小部件可用于创建网站菜单、自定义上下文菜单或应用程序样式的菜单栏，只需少量脚本。

source 属性用于设置或返回数据的来源。它接受 Object 类型值，其默认值为 null。

此属性中使用的 Item 字段是 -

• label -它指定项目的标签。
• value -它指定项目的值。
• html –它指定 html 项。要在项目中显示的 html。
• id -它指定项目的 id。
• items -它指定子项目的数组。
• subMenuWidth –它指定子菜单的宽度。
• disabled -它指定项目是否启用/禁用。

句法：

设置源属性。

$('selector').jqxMenu({ source: Object });

链接文件：从给定链接 https://www.jqwidgets.com/download/ 下载 jQWidgets。在 HTML 文件中，找到下载文件夹中的脚本文件。

下面的示例说明了 jQWidgets jqxMenu 源属性。

例子：

HTML

  

    
    
    
    
    
  
    
        h1,
        h3 {
            text-align: center;
        }
          
        #jqxMenu {
            width: 100%;
            margin: 0 auto;
        }
    

  

    
        GeeksforGeeks
    
  
    
        jQWidgets jqxMenu source Property
    
  
    
  
    
        $(document).ready(function() {
            var source = [{
                label: 'GeeksforGeeks'
            }, {
                label: 'Programming Languages',
            }, {
                label: 'Web Technology',
            }, {
                label: 'Data Structure'
            }, {
                label: 'Algorithm'
            }]
  
            $("#jqxMenu").jqxMenu({
                source: source,
                width: '650'
            });
        });
    

  

---

输出：

参考： https://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxmenu/jquery-menu-api.htm