jQuery Mobile 1.4已经改变
<div data-role="content">...</div>
成
<div role="main" class="ui-content">...</div>
我理解现在使用类而不是数据角色的目的,但我不明白的是这个角色=“主”.它是干什么用的？
解决方法
角色属性是HTML5的原生属性,旨在支持WAI-ARIA.
见 http://www.w3.org/TR/html5/dom.html#wai-aria和 http://www.w3.org/TR/wai-aria/roles#role_definitions
见 http://www.w3.org/TR/html5/dom.html#wai-aria和 http://www.w3.org/TR/wai-aria/roles#role_definitions
早期版本中的jQuery Mobile简单地将具有属性data-role =“content”的元素转换为主元素< div role =“main”> (相当于< main>)并添加了CSS.所以你得到< div role =“main”class =“ui-content”> .
对于data-role =“content”的元素,没有其他处理或添加标记.通过弃用data-role =“content”属性并使用直接使用正确的HTML5(CSS和WAI-ARIA角色),jQuery Mobile将不得不为每个页面执行更少的处理.
