2015年01月31日
川俣晶の縁側ソフトウェア技術雑記 total 5720 count

jQueryMobileのCollapsible list itemsのサンプルソースをコピーしても同じ外見にならない問題

Written By: 川俣 晶連絡先

jQueryMobileのCollapsible list itemsのページに載っているサンプルソースを使っても同じ外見にならず空白が入ってしまう問題が起きた」

「原因が分かったの?」

「ああ。実はこのページ、追加のスタイルが書いてある。それ抜きには同じ外見にならなかった」

    <style id="collapsible-list-item-style-flat">

        .ui-li-static.ui-collapsible > .ui-collapsible-heading {

            margin: 0;

        }

        .ui-li-static.ui-collapsible {

            padding: 0;

        }

        .ui-li-static.ui-collapsible > .ui-collapsible-heading > .ui-btn {

            border-top-width: 0;

        }

        .ui-li-static.ui-collapsible > .ui-collapsible-heading.ui-collapsible-heading-collapsed > .ui-btn,

        .ui-li-static.ui-collapsible > .ui-collapsible-content {

            border-bottom-width: 0;

        }

    </style>

「サンプルソースがそのまま使えないって、なんだよそれ」

「それがみんなが褒め称えるステキなネットの実態さ」

「この程度の状況に驚いていたらネットでは生きていけないってことだね」

「この程度の状況がゴロゴロしているネットには生きていく資格がないとも言うがね」

「でも、資格は無くても人気があるからいくらでも延命するわけだね」