jQuery Mobile 页面内容主题选项

jQuery Mobile 是一种基于 Web 的技术，用于制作可在所有智能手机、平板电脑和台式机上访问的响应式内容。在本文中，我们将使用 jQuery Mobile Page contentTheme选项来设置指定页面小部件的内容 div 的配色方案。此选项接受来自 az 的单个字母，该字母映射到主题中包含的色板。

语法：使用指定的 contentTheme 选项初始化页面。

$( "Selector" ).page({ contentTheme: "c"});

• 设置 contentTheme 选项：

  $( "Selector" ).page( "option", "contentTheme", "c");

• 获取 contentTheme 选项：

  var disabled = $( "Selector" ).page( "option", "contentTheme" );

CDN 链接：首先，添加项目所需的 jQuery Mobile 脚本。

示例：此示例描述了 jQuery Mobile Page contentTheme选项。

HTML

  
  
  
  
  


    
        
            
                GeeksforGeeks
            
            jQuery Mobile Page contentTheme Option
            
                Page content
                GFG is a CS Portal.
  
            
            
                www.geeksforgeeks.org
            
            
            
        
    
    
        $(document).ready(function () {
            $("#GFG").page({
                contentTheme: "c"
            });
            $("#GFG").page("option", "contentTheme", "c");
            $("#Button").on('click', function () {
                var a = $("#GFG").page(
                  "option", "contentTheme"
                );
                $("#log").html(a);
            });
        });
    

输出：

jQuery Mobile 页面内容主题选项

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