jQuery Mobile 工具栏 addBackBtn 选项

jQuery Mobile 是一种建立在 jQuery 之上的网络技术。它用于创建可在手机、标签和桌面上访问的响应式 Web 应用程序和网站。

在本文中，我们将使用 jQuery Mobile 工具栏addBackBtn选项。当addBackBtn选项设置为true时，后退按钮将自动添加到标题中，这会将用户带到上一页。此选项仅向页眉工具栏小部件添加一个后退按钮，并且不影响页脚。

句法：

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

• 获取addBackBtn选项：

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

• 设置addBackBtn选项：

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

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

示例：在此示例中，我们将addBackBtn选项设置为true以将后退按钮添加到标题工具栏。

HTML

  

    
    
    
    
    
    
        h1 {
            color: green;
        }
    
    
    $(document).ready(function() {
        $("#divID2").toolbar({
            addBackBtn: true,
        });
    });
    

  

    
        
        
            
                GeeksforGeeks
            
            Toolbar addBackBtn option
            
                Header Toolbar 
            
            Go to Page2 
        
          
        
        
            
                Header Toolbar 
            
            
                Geeksforgeeks
            
             
                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. 
            
        
    

  

输出：

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