jQWidgets jqxNavigationBar val() 方法

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

val()方法用于设置或获取指定jqxNavigationBar 的展开项。

句法：

• 用于设置扩展项：

  $('Selector').jqxNavigationBar('val', Item_Index);

• 使用 jQuery 的 val() 设置扩展项：

  $("Selector").val(Item_Index);

• 获取扩展项目：

  var value = $("Selector").jqxNavigationBar('val');

• 使用 jQuery 的 val() 获取扩展项的索引：

  var value = $("Selector").val();

参数：此方法接受如下所示的参数：

• Item_Index：这是项目的指定索引。

返回值：此方法返回项目的索引。

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

示例：下面的示例说明了 jQWidgets jqxNavigationBar val()方法。

HTML

  

    
    
    
    
    
    
    
    
    

  

    
        
            GeeksforGeeks
        
        
            jQWidgets jqxNavigationBar val() Method
        
        
            First Header
            
                Content for the first header
                
                    GFG
                    CSE
                
            
             Second Header
            
                Content for the second header
                
                    GeeksforGeeks
                    CSE
                
            
        
        
        
        
            $(document).ready(function () {
                $("#jqx_Navigation_Bar").
                    jqxNavigationBar({
                        width: 290,
                        height: 150,
                    });
                $("#jqxbutton_for_val").
                    jqxButton({
                        width: 250,
                    });
                $('#jqxbutton_for_val').
                    on('click', function () {
                        var Item_Index = 0;
  
                        // Setting the expanded item
                        $('#jqx_Navigation_Bar').
                        jqxNavigationBar('val',
                            Item_Index);
  
                        // Getting the expanded item
                        var a = $('#jqx_Navigation_Bar').
                            jqxNavigationBar('val');
                        $("#log").html(JSON.stringify(a))
                    });
            });
        
    

  

输出：

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