jQuery Mobile 工具栏 disablePageZoom 选项

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

在本文中，我们将使用 jQuery Mobile 工具栏disablePageZoom选项来禁用指定工具栏小部件的页面缩放。固定工具栏扩展促进了 disablePageZoom 选项。它是布尔类型，默认值为 true。

句法：

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

$( "Selector" ).toolbar({
    disablePageZoom: true
});

• 设置 disablePageZoom 选项：

  $( "Selector" ).toolbar( "option", "disablePageZoom", true );

• 获取 disablePageZoom 选项：

  var disabled = $( "Selector" ).toolbar( "option", "disablePageZoom" );

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

示例：此示例描述了 jQuery Mobile 工具栏disablePageZoom选项。

HTML

  

    
    
    
    
    
    
    
    

  

    
        
            
                GeeksforGeeks
            
            jQuery Mobile Toolbar disablePageZoom Option
            
                This is a header toolbar
            
            
            
        
    
    
        $(document).ready(function () {
            $("#headerID").toolbar({
                disablePageZoom: true
            });
            $("#headerID").toolbar("option", "disablePageZoom", true);
            $("#Button").on('click', function () {
                var a = $("#headerID").toolbar("option", "disablePageZoom");
                $("#log").html(a);
            });
        });
    

  

输出：

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