【问题标题】:Can data-role=collapsible be made to work with a h2 tag inside a header block?可以使 data-role=collapsible 与标题块内的 h2 标记一起使用吗?
【发布时间】:2011-03-03 15:43:51
【问题描述】:

目前,当我尝试使用 data-role=collapsible 时,什么都没有(没有按钮、链接或内容)。根据文档,它使用 h1-h6 标记,但我的是在 html5 标头块内。

既然这是一个移动网站,我应该忘记 html5 语义吗?或者我应该尝试以某种方式使其工作,如果有任何想法?

文档链接:http://jquerymobile.com/demos/1.0a3/#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>

【问题讨论】:

    标签: html mobile semantics jquery-mobile


    【解决方案1】:

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

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

    【讨论】:

    • 我同意...我觉得可能 html5 语义对移动网站没有任何好处,尤其是如果它们不会被搜索引擎索引。 (不确定搜索引擎是否大量使用语义,但我相信他们将来会这样做)
    • 我不认为这回答了关于 html 5 语义的问题吗?我认为这是 jQuery Mobile 的一个弱点。当然可以更改实现以包括
      s 和语义 html 5 标记。还有,为什么搜索引擎不索引移动网站?对于网站的所有断点使用相同标记的响应式设计网站会怎样?
    • 问题是关于让它工作,而不是关于 html5 语义。此外 - jQuery Mobile 从那时起发生了变化,一些元素更加灵活。对于一些简单的移动浏览器来说,新的 html5 标记可能会出现问题,这是事实。与比 FireFox 1.5 更强大的现代移动浏览器的响应式设计无关
    猜你喜欢
    相关资源
    最近更新 更多
    热门标签