Question

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

Answer 1

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

Answer 2

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

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

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

所以我认为原始海报的关注可能是有效的。

jQuery修复iOS视口

2 个答案: