jQuery Mobile Pagecontainer 类选项

jQuery Mobile 是一种基于 Web 的技术，用于制作可在所有智能手机、平板电脑和台式机上访问的响应式内容。

在本文中，我们将使用 jQuery Mobile Pagecontainer类选项向指定小部件的元素添加其他类。

语法：初始化页面容器类选项。

$( ".selector" ).pagecontainer({
 classes: {
   "ui-pagecontainer": "highlight"
 }
});

设置类选项：

$( ".selector" ).pagecontainer( "option", 
"classes.ui-pagecontainer", "highlight" );

• 获取类选项：

  var themeClass = $( ".selector" ).pagecontainer( "option", 
  "classes.ui-pagecontainer" );

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

示例：此示例描述了 jQuery Mobile Pagecontainer类选项。

HTML

  

    
    
    
    
    
    

  

    
        
            
                GeeksforGeeks
            
            jQuery Mobile Pagecontainer classes Option
            
                First Page
            
            
                
                    Go To Second Page
            
            
            
        
        
            
                GeeksforGeeks
            
            jQuery Mobile Pagecontainer classes Option
            
                Second Page
            
            
                Go Back To First Page
            
            
            
        
    
    
        $(document).ready(function () {
            $("#GFG2").pagecontainer({
                classes: {
                    "Name": "GeeksforGeeks"
                }
            });
            $("#GFG2").pagecontainer(
              "option", "classes.Name", "GeeksforGeeks");
            $("#Button").on('click', function () {
                var a = $("#GFG2").pagecontainer(
                    "option", "classes.Name"
                );
                $("#log").html(a);
            });
        });
    

  

输出：

jQuery Mobile Pagecontainer 类选项

参考： https://api.jquerymobile.com/pagecontainer/#option-classes