تطبيق WebKit iPhone: كيفية تغيير تكبير المستخدم (أو Scale ، Pich & Zoom) في منفذ العرض؟
سؤال
يمكنني استخدام JQTouch لتطبيق iPhone. JQTouch تعطيل افتراضيًا إمكانية قرصة الصفحة. بالنسبة لصفحة واحدة (تحتوي على صورة كبيرة) ، أحتاج إلى تمكين ميزة Pinch & Zoom. هذا سهل:
var viewport = $("head meta[name=viewport]");
viewport.attr('content', 'width=320, initial-scale=1, maximum-scale=10.0, minimum-scale=1, user-scalable=1');
ولكن بعد أن يلعب المستخدم مع Pinch & Zoom ، أحتاج إلى إعادة ضبط التكبير (المقياس) بشكل ديناميكي. حاولت إعادة ضبط منفذ العرض:
viewport.attr('content', 'width=320, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;');
بعد استدعاء الكود أعلاه ، لم يعد من الممكن التكبير بعد الآن (بسبب قابلية للمستخدم = 0 ؛) ، لكنه لا يغير المقياس الحالي إلى الافتراضي.
أنا أبحث عن شيء مثل setScale (1) ، أو لتغيير سمة مثل النطاق الحالي = 1
اي فكرة ؟
المحلول
الطريقة الوحيدة لإعادة ضبط تحجيم المستخدم هي إعادة تحميل الصفحة:
window.location.reload();
إذا كنت لا ترغب في القيام بذلك ، فستحتاج إلى إضافة برنامج نصي لتكبير عناصر ديناميكي مثل الصور مع أحداث اللمس. فيما يلي مثال على قرصة وتكبير مع التمرير:
http://tlrobinson.net/projects/iphone-light-table/
من السهل دمج هذا الرمز في مشروعك. ما عليك سوى فتح مصدر HTML ، ونسخ JavaScript ، وتغيير وظيفة init () فيما يتعلق باحتياجاتك.