iOS 视口的 jQuery 修复答案

【问题标题】：jQuery fix for the iOS viewportiOS 视口的 jQuery 修复
【发布时间】：2012-07-04 09:02:17
【问题描述】：

有没有办法将用于修复视口的脚本转换为 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/

【问题讨论】：

标签： javascript jquery ios viewport

【解决方案1】：

您不必担心这与 jQuery 冲突。不会的。

【讨论】：

【解决方案2】：

我认为可能存在冲突。如果我使用 jQuery 向页面添加动态文本，则不再修复视口错误。如果我删除对 jquery.min.js 的引用，该错误也会被删除。这是两个具有水平滚动图像的页面。第一页修复了视口错误，并为图像使用了静态标题。该错误已修复。第二个页面也使用了视口错误修复，但它依赖于 jQuery 为标题生成动态的、淡入淡出的文本，在这种情况下，错误并没有修复...

http://mauitradewinds.com/test/view.htm -- 错误已修复。

http://mauitradewinds.com/test/test.htm -- 错误未修复。

所以我认为原始发布者的担忧可能是有效的。

【讨论】：