jQuery Mobile 工具栏全屏选项

jQuery Mobile是一套基于 HTML5 的用户系统交互小部件工具箱，用于构建在 jQuery 之上的各种用途。它旨在构建可用于移动设备、选项卡和桌面的快速响应式网站。

在本文中，我们将使用 jQuery Mobile工具栏全屏选项。当全屏选项设置为true 时，工具栏将在页面被点击或单击时完全隐藏。初始化全屏选项的默认值为false。

句法：

使用指定的全屏选项初始化工具栏：

$(".selector").toolbar({
    fullscreen: true
});

• 初始化后获取全屏选项：

  var fullscreen = $(".selector").toolbar("option", "fullscreen");

• 设置全屏选项，初始化后：

  $(".selector").toolbar("option", "fullscreen", true);

CDN 链接：

示例：在此示例中，我们将全屏选项设置为“true”。

HTML

  

    
    
      
    
      
    
        $(document).ready(function () {
            // Set the toolbar's fullscreen option to true
            $("#GFG").toolbar({
                fullscreen: true,
            });
        });
    

  

    
        
            Toolbar
        
        
            GeeksforGeeks
            jQuery Mobile Toolbar fullscreen option
  
            What is GeekforGeeks?
            
                GeeksforGeeks is a computer science portal
                for geeks by geeks. Here you can find 
                articles on various computer science 
                topics like Data Structures, Algorithms
                and many more.... GeekforGeeks was founded by
                Sandeep Jain.
            
  
        
    

  

输出：

参考： https://api.jquerymobile.com/toolbar/#option-fullscreen