-3

ビューポートを固定するスクリプトをjQueryに変換する方法はありますか？現在、スクリプトは jQuery スクリプトと並行して動作しており、jQuery と競合する方法がわかりません。

スクリプトは次のとおりです。

// Rewritten version
// By @mathias, @cheeaun and @jdalton

(function(doc) {

var addEvent = 'addEventListener',
type = 'gesturestart',
qsa = 'querySelectorAll',
scales = [1, 1],
meta = qsa in doc ? doc[qsa]('meta[name=viewport]') : [];

function fix() {
meta.content = 'width=device-width,minimum-scale=' + scales[0] + ',maximum-scale=' + scales[1];
doc.removeEventListener(type, fix, true);
}

if ((meta = meta[meta.length - 1]) && addEvent in doc) {
fix();
scales = [.25, 1.6];
doc[addEvent](type, fix, true);
}

}(document));

ソース: http://www.blog.highub.com/mobile-2/a-fix-for-iphone-viewport-scale-bug/

4

2 に答える 2

1

これが jQuery と競合することを心配する必要はありません。それはしません。

于 2012-07-04T09:03:10.313 に答える
0

衝突することもあると思います。jQuery を使用して動的テキストをページに追加すると、ビューポートのバグが修正されなくなりました。jquery.min.js への参照を削除すると、バグも削除されます。以下は、横スクロール画像を特徴とする 2 つのページです。最初のページにはビューポートのバグ修正があり、画像に静的キャプションを使用しています。バグが修正されました。2 ページ目もビューポートのバグ修正を使用していますが、jQuery に依存してキャプション用の動的なフェード テキストを生成しており、この場合、バグは修正されていません...

http://mauitradewinds.com/test/view.htm -- バグが修正されました。

http://mauitradewinds.com/test/test.htm -- バグは修正されていません。

したがって、元の投稿者の懸念は有効である可能性があると思います。

于 2013-07-12T05:34:55.830 に答える