4

iPhoneアプリにはJQTouchを使用しています。JQtouchは、デフォルトでページをピンチ＆ズームする機能を無効にします。1ページ（大きな画像を含む）の場合、ピンチ＆ズーム機能を有効にする必要があります。これは簡単 ：

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.attr('content', 'width=320, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;');

上記のコードを呼び出した後、ズームすることはできなくなります（user-scalable = 0;のため）が、現在のスケールをデフォルトに変更することはありません。

setScale（1）のようなものを探しているか、current-scale=1のような属性を変更します

何か案が ？

4

1 に答える 1

3

ユーザー スケーリングをリセットする唯一の方法は、ページをリロードすることです。

window.location.reload();

それをしたくない場合は、タッチ イベントで画像などの要素を動的にズームするスクリプトを追加する必要があります。これは、スクロールを伴うピンチ&ズームの例です:

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

このコードをプロジェクトに統合するのは簡単です。HTML ソースを開いて Javascript をコピーし、必要に応じて init() 関数を変更するだけです。

于 2010-05-28T10:55:41.573 に答える