縦向きモードのときだけiPadに別のテキストを表示したい。
データ属性を使用して縦向きのテキストを保存できますが、向きの変化を検出してiPadにテキストを適用するにはどうすればよいですか？
私のマークアップは現在このようになっています。
<h2 class="searchLink" data-landscape="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam" data-portrait="Lorem ipsum dolor sit amet, consectetur.">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam</h2>
ありがとう
media queries?あなたはjQueryを必要としないと聞いたことがありますCSS.
たとえば、このチュートリアルを見てください。
orientationChange イベントにバインドできます。したがって、jQuery/zepto.js を使用していた場合 (他の DOM ライブラリが利用可能など)、次のことができます。
$(window).bind('orientationchange', function() {
//call your text swapping fn here
});
Mobile Safariwindow.orientationは、現在の向きを表す整数を返す も公開します (可能な値は 0、90、180、-90 です)。次に、fn でそれを確認して、表示するテキストを決定できます。
if(window.orientation)サポートされていないブラウザーでのエラーを回避するために、おそらくこれらすべてを条件付きでラップする必要があります。