jQuery Mobile 页面主题选项

jQuery Mobile是一个基于 HTML5 的用户界面系统，旨在制作可在所有智能手机、平板电脑和桌面设备上访问的响应式网站和应用程序。

Page是 jQuery Mobile 中的一个小部件，用于在 HTML 文档中显示单个或多个链接组件。它负责维护 jQuery Mobile 框架中的单个项目。

在本文中，我们将学习jQuery Mobile Page主题选项。主题 选项设置页面小部件的配色方案。颜色取决于 jQuery Mobile 主题中可用的配色方案。

语法：主题 选项从az获取单个字符，其中每个字符描述一种颜色。主题颜色还取决于 jQuery Mobile 主题。

$("#gfgpage").page({
    theme: 'b',
});

• 获取主题选项：

  var theme = $( "#gfgpage" ).page( "option", "theme" );

• 设置主题选项：

  $( "#gfgpage" ).page( "option", "theme", "b" );

CDN 链接：为您的 jQuery Mobile 项目使用以下 CDN 链接。

示例：在以下示例中，我们使用了深色主题，即为主题传递了字符b 页面的 小部件。

HTML

  

    
    
    
    
    
    
    
    

  

    
        
            GeeksforGeeks
        
        
            jQuery Mobile Page theme Option
            A computer science portal for geeks.
  
            Tutorials on:
            
                Data Structures
                Algorithms
                Machine Learning
            
        
    
    
        $(document).ready(function() {
            $("#gfgpage").page({
                theme: 'b',
            });
        });
    

输出：

参考： https://api.jquerymobile.com/page/#option-theme