jQuery Mobileのheaderに3つ以上のボタンを表示する | YS Library
jQuery Mobileでは、header部にボタン要素を記述すると、1つ目は左寄せ、2つ目は右寄せ、と自動でレイアウトしてくれます。しかし、ただ3つ以上ボタンを入れようとしてもレイアウトが崩れてしまいます。 普通にボタンを追加すると… これを回避して3つ以上のボタンを一列に並べる方法を2つ紹介します。 1. controlgroupを使う 表示したいボタンをcontrolgroupとして、ひとつにまとめます。 <div data-role="header" data-backbtn="false" data-theme="b"> <a href="#beforepage" data-rel="back" data-icon="arrow-l" data-direction="reverse" data-theme="a">Back</a> <h1>Header</h1> <div da
jQuery Mobile beta 1でハマった点まとめ | YS Library
jQuery MobileのBeta 1 (jquery.mobile-1.0b1.js) が公開されましたね。 レスポンシブ・レイアウトへの対応やアドレスバーが隠れるようになったり、結構すごいです。 私も早速自分の作っているサイトに適応してみたのですが、幾つかつまずいた点があったのでまとめてみます。 ・ページがスマートフォンに最適化されない。 なぜかデスクトップのブラウザと同じように表示されます。ちょっと悩みましたが、公式デモページのソースに答えはありました。一行追加するだけで解消です。 <meta name="viewport" content="width=device-width, initial-scale=1"> レスポンシブ・レイアウトに対応したことと関係あるんですかねー ・ clickイベントが使えない デスクトップのブラウザでは普通に動作するのですが、Androi
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
