jQueryMobileで省略されてしまうテキストを表示するCSS

jQuery Mobile を使っていると、表示されるテキストが省略されてしまうのですが、CSSを上書きすると省略されなくなるみたいです。ということでなんども検索したのでメモメモ

[code]/* テキストを省略せずに表示する */
.ui-header .ui-title, /* ヘッダー */
.ui-footer .ui-title, /* フッター */
.ui-btn-inner, /* ボタン */
.ui-li-heading, /* リスト見出し */
.ui-li .ui-btn-text a.ui-link-inherit, /* リンクリスト */
.ui-li-desc /* リスト詳細 */
{
overflow: visible;
white-space: normal;
}[/code]

現状だとCSSを追加するしかないんですかねえ。そのうち属性追加されたりするかもとおもったり

参考になったadobe公式

テキストを省略せずに表示する
/ Dreamweaver デベロッパーセンター /
jQuery Mobileを使ったスマートフォンサイト制作に役立つスニペット

ふぁぼが加速するぷぎったーの体験ツイート

先日からふぁぼが加速するぷぎったーをアルファスタートしてちょこちょこ機能追加しています。

[blackbirdpie id=”228809573677539328″]
[blackbirdpie id=”228809198408978432″]
[blackbirdpie id=”228809992671723520″]
[blackbirdpie id=”228810244078317568″]
[blackbirdpie id=”228810791275622400″]
[blackbirdpie id=”228811740090077184″]
[blackbirdpie id=”228813093042544640″]
[blackbirdpie id=”228820905210548225″]
[blackbirdpie id=”228821256567410690″]
[blackbirdpie id=”228821873780199424″]
[blackbirdpie id=”228822176172740608″]
[blackbirdpie id=”228826955330514946″]

ぷぎったーをつかえば100ふぁぼは余裕しかし、つぎにぷぎえもんを待っていたのはふぁぼ規制だった。
次回へ続く

次の記事:
twitterのお気に入り、ふぁぼは一日1000回で規制され、規制後24時間で解除される

jQueryMobileでリンク入りのリストに表示されるアイコン、丸い部分を消したい

jquery mobile でリストに表示される丸いアイコン

jQuery Mobileでリンク入りのリストを作ると困ることがあります。

jquery mobile でリストに表示される丸いアイコン
こんな感じで右側に丸いアイコン領域が表示されてしまいます。

これ消したいなーと思っていたら消せるみたいです。

ドキュメントにあるアイコンのテーマを見ると

アイコンのテーマ
http://dev.screw-axis.com/doc/jquery_mobile/components/lists/themes/

[code]

  • No icon
  • [/code]

    つまりliに属性data-icon=”false”を足してあげればいいみたいです。

    足してみると
    listのアイコンが消えました。

    ちゃんとアイコンが消えました。めでたしめでたし

    jQuery Mobile ポケットリファレンス
    jQuery Mobile ポケットリファレンス 森 直彦

    技術評論社 2012-01-20
    売り上げランキング : 20981

    Amazonで詳しく見る by G-Tools