jquerymobile одна страница с различными настройками окна просмотра мета - PullRequest
Новая
       4

jquerymobile одна страница с различными настройками окна просмотра мета

4 голосов
/ 06 декабря 2011

Я пытался настроить мета-тег viewport на jQM beforepageshow и т. Д., Он просто не работает, и я думаю, это довольно очевидно, почему.У меня есть одна страница с диаграммой старших графиков, и у меня ничего не должно быть в моем теге области просмотра, который обычно имеет width=device-width, initial-scale=1,user-scalable=no, minimum-scale=1.0, maximum-scale=1.0

, и это потому, что я хочу, чтобы приложение уменьшало масштаб при входе в массивную диаграмму, имеетУ кого-нибудь были блестящие идеи о том, как иметь одну страницу с разными настройками viewport?Я мог бы ссылаться на него без AJAX и затем выводить правильный метатег, но я бы предпочел этого не делать.

1 Ответ

4 голосов
/ 06 декабря 2011

Я динамически изменил метатег viewport на нескольких своих мобильных веб-сайтах, когда я хочу включить масштабирование для изображения или чего-то еще, что требует от пользователя просмотра маленького текста: 

var $viewport        = $('meta[name="viewport"]'),
    default_viewport = $viewport.attr('content');

$(document).delegate('#page-id-one, #page-id-two', 'pageshow', function () {

    //these are the pages that you want to enable zooming
    $viewport.attr('content', 'width=device-width,initial-scale=1.0,maximum-scale=5.0');

}).delegate('#page-id-one, #page-id-two', 'pagehide', function () {

    $viewport.attr('content', default_viewport);

});

Ожидается, что этот код будет включен после jQuery и метатега viewport. Очевидно, что вы можете изменить содержимое элемента viewport по своему усмотрению (я считаю, что Safari допускает maximum-scale из 10).

...