jquery - 单击更改元视口(viewport)内容

Question

我试图在点击时更改视口(viewport)内容，以便用户可以在图像加载到模式中时缩放图像，然后在模式关闭时将视口(viewport)内容更改回正常状态。

//button to open the modal and change the viewport content 
$('#product-zoom').on('touchstart', function () {
                    console.log('found html')
                    $('meta[name=viewport]').remove();
                    $('head').append('<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=12, user-scalable=yes">');
            });
//button to close the modal and change the viewport
            $('.btnZoomerClose').on('click', function () {
                console.log('close modal')
                $('head').append('<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">');
            });

出于某种原因，关闭不会将视口(viewport)更改回正常状态。

任何建议或信息都会很棒!

Answer 1

您想将视口(viewport)更改回正常状态，但是您在打开和关闭模态窗口时为视口(viewport)设置了相同的属性..您的意思是要返回

$('head').append('<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">');  

回到

$('meta[name=viewport]')