data-role=collapsible 可以与 header 块内的 h2 标签一起使用吗?
目前,当我尝试使用 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
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.