iphone - Webkit iPhone 应用程序 : How to dynamically change the user zoom (or scale, pic & Zoom) 在视口(viewport)中？

Question

我将 JQTouch 用于 iPhone 应用程序。 JQtouch 默认情况下禁用捏合和缩放页面的可能性。对于一页(包含大图像)，我需要启用捏合和缩放功能。这很容易:

var viewport = $("head meta[name=viewport]");
viewport.attr('content', 'width=320, initial-scale=1, maximum-scale=10.0, minimum-scale=1, user-scalable=1');

但是在用户使用捏合和缩放后，我需要动态地将缩放(比例)重置为默认值。我尝试重置视口(viewport):

viewport.attr('content', 'width=320, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;');

调用上述代码后，无法再缩放(因为 user-scalable=0;)，但它不会将当前比例更改为默认比例。

我正在寻找类似 setScale(1) 的东西，或者更改像 current-scale=1 这样的属性

有什么想法吗？

Answer 1

重置用户缩放的唯一方法是重新加载页面:

window.location.reload();

如果您不想这样做，则需要添加一个脚本来动态缩放元素，例如带有触摸事件的图像。以下是滚动缩放的示例:

http://tlrobinson.net/projects/iphone-light-table/

将此代码集成到您的项目中很容易。只需打开 HTML 源代码，复制 Javascript，然后根据您的需要更改 init() 函数即可。