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 回答