0

jQuery Mobile のドキュメントを読んで、使用する必要がある折りたたみ可能な要素h1-h6またはlegend要素を作成します。

h#ヘッダー セクションではさまざまな情報 (タイトル、日付、金額) を表示する必要があるため、タグ内に複雑な構造を含めることが正しいかどうかを知りたいです。言い換えれば、これは有効な HTML 構造でしょうか?

この議論によると、ヘッダータグ以外のものを使用して jQuery Mobile 折りたたみ可能ブロックのヘッダーを示す方法はありますか? 凡例要素は問題ないかもしれませんが、フォームを使用していません。

レシピはありますか？

4

1 に答える 1

2

その点から見ている場合、HTMLそれは有効ではありませんHTML。

もちろん無視して構いません。ポイントは、jQuery Mobile 開発者が valid を気にしないのであればHTML、あなたも気にする必要がないということです。

拡張標準の折りたたみが次のようになる前に、それを証明しましょう。

<div data-role="collapsible">
    <h6>Heading</h6>
    <p>I'm the collapsible content. By default I'm closed, but you can click the header to open me.</p>
</div>

強化後はこんな感じ。

<div data-role="collapsible" class="ui-collapsible ui-collapsible-inset ui-corner-all ui-collapsible-collapsed">
    <h6 class="ui-collapsible-heading ui-collapsible-heading-collapsed"><a class="ui-collapsible-heading-toggle ui-btn ui-fullsize ui-btn-icon-left ui-btn-up-c" href="#" data-corners="false" data-shadow="false" data-iconshadow="true" data-wrapperels="span" data-icon="plus" data-iconpos="left" data-theme="c" data-mini="false">
        <span class="ui-btn-inner">
            <span class="ui-btn-text">Heading
                <span class="ui-collapsible-heading-status"> click to expand contents</span>
            </span>
            <span class="ui-icon ui-icon-plus ui-icon-shadow">&nbsp;</span>
        </span>
        </a>
    </h6>
    <div class="ui-collapsible-content ui-collapsible-content-collapsed" aria-hidden="true">

        <p>I'm the collapsible content. By default I'm closed, but you can click the header to open me.</p>
    </div>
</div>

ご覧のとおりh6、追加コンテンツが満載です。だから自由に感じて、好きなように変えてください。

于 2013-09-27T10:47:22.433 に答える