jquerymobile異なるメタビューポート設定を持つ1ページ

Question

私はviewportタグをjQM beforepageshowなどで調整しようとしましたが、それは単に機能しません。私はハイチャートチャートを持ったページが1つあり、ビューポートタグ内には何も持っていないことが普通です。width=device-width, initial-scale=1,user-scalable=no, minimum-scale=1.0, maximum-scale=1.0

そして、それは、あるページを別のviewport設定にする方法のアイデアですか？私はAJAXなしでそれにリンクして、条件付きで正しいメタタグを出力することができますが、私はむしろこれをやりません。

Answer 1

私は小さなテキストを見て、ユーザが必要となる画像や他の何かのためにズームを有効にするとき、私は動的に私の携帯サイトのカップルにメタ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になると信じています）。