iOS 뷰포트 용 jQuery 수정

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에 대한 참조를 제거하면 버그도 제거됩니다. 다음은 가로로 스크롤되는 이미지가있는 두 페이지입니다. 첫 번째 페이지에는 뷰포트 버그 수정이 있고 이미지에 정적 캡션이 사용됩니다. 버그가 수정되었습니다. 두 번째 페이지는 또한 뷰포트 버그 수정을 사용하지만 jQuery를 사용하여 캡션에 대한 동적, 페이드 텍스트를 생성합니다.이 경우 버그는 수정되지 않습니다 ...

http://mauitradewinds.com/test/view.htm - 버그가 수정되었습니다.

http://mauitradewinds.com/test/test.htm - 버그가 수정되지 않았습니다.

원본 포스터의 관심사가 유효하다고 생각합니다.