t-horikiri https://blog.hatena.ne.jp/t-horikiri/ @thorikiriのてょりっき https://blog.horihavalabo.jp/ jQuery mobile iPad 前回はレイアウトを組むところまででした。今回は組んだレイアウトの中にコンテンツを入れていこうとおもいます。 メニューを作る まずは、jQueryMobileのListViewを入れます。 sample.html <ul data-role="listview"> <li><a href="#">Menu-1</a></li> <!-- 20個くらい繰り返し --> </ul> これはこまった、スクロール出来ませんし、ヘッダは固定しておきたいですね。そして、メニューのリストが左右にぴっちりしていません。ここをスタイルで変えていきましょう。 ポイントは、 .ui-block-aの部分にoverfl… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.horihavalabo.jp%2Fentry%2F20120726%2F1343275364" title="jQueryMobileでiPad向けの2カラムのWebページをデザインする その２ - @thorikiriのてょりっき" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> http://cdn-ak.f.st-hatena.com/images/fotolife/t/t-horikiri/20120726/20120726112905.jpg Hatena Blog https://hatena.blog 2012-07-26 13:02:44 rich https://blog.horihavalabo.jp/entry/20120726/1343275364 1.0 100%