data-role=collapsible 可以与 header 块内的 h2 标签一起使用吗?

发布于 2024-10-20 01:13:42 字数 684 浏览 5 评论 0原文

目前,当我尝试使用 data-role=collapsible 时,没有任何内容(没有按钮、链接或内容)。根据文档,它使用 h1-h6 标签,但我的标签位于 html5 标头块内。

既然这是一个移动网站,我应该忘记 html5 语义吗?或者我应该尝试让它以某种方式工作,如果有的话有什么想法吗?

链接到文档: http://jquerymobile.com/demos/1.0 a3/#docs/content/content-collapsible.html

我当前设置的示例:

<article data-role="collapsible" data-collapsed="true">
  <header>
    <h2>Title</h2>
  </header>
  <div class="content">
    <!-- some data -->
  </div>
  <footer>
    <!-- some data -->
  </footer>
</article>

Currently when I attempt to use data-role=collapsible there is nothing left (no button, link or content). According to the documentations it uses a h1-h6 tag but mine is inside a html5 header block.

Should I forget about the html5 semantics since this is a mobile site? Or should I attempt to make it work somehow, if so any ideas?

Link to docs: http://jquerymobile.com/demos/1.0a3/#docs/content/content-collapsible.html

Example of my current setup:

<article data-role="collapsible" data-collapsed="true">
  <header>
    <h2>Title</h2>
  </header>
  <div class="content">
    <!-- some data -->
  </div>
  <footer>
    <!-- some data -->
  </footer>
</article>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

不醒的梦 2024-10-27 01:13:42

jQuery Mobile 的构建考虑到了渐进增强,因此它假设您希望您的应用程序能够在任何可能的设备上工作(“工作”意味着仅支持基本功能)

尝试用 DIV 替换您的好命名标签并删除 H2 周围的包装。应该有帮助。

jQuery Mobile is built with progressive enhancement in mind, so it assumes you want your app to work in any device possible ("work" meaning just support basic features)

Try replacing your nicely named tags with DIVs and remove wrapper around H2. Should help.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文