Jquery mobile 什么是角色="；“主要”；用于jquerymobile1.4？

jQuery Mobile 1.4已更改

<div data-role="content">...</div>

。。。

进入

。。。

---

我理解现在使用类而不是数据角色的目的，但我不理解的是这个role=“main”。它用于什么？

角色属性是HTML5的固有属性，用于支持WAI-ARIA。
看到和

早期版本中的jQuery Mobile只是将属性为data role=“content”的元素转换为主元素

（相当于

），并添加了CSS。所以你得到了

---

对于数据为role=“content”的元素，没有其他处理或添加标记。通过弃用data role=“content”属性并使用ask you直接使用正确的HTML5（CSS和WAI-ARIA角色），jQuery Mobile将不得不对每个页面进行更少的处理

它在以前的版本中使用，但由JQM动态添加。如果我将其保留在源代码之外，我看不到它在Chrome调试器中动态显示。如果将其包装在page div中，它将被添加。刚刚在1.3.2上测试过，请看这个问题。啊。所以我不应该使用…？

role=“main”

将受到更多浏览器的支持。如果使用main，规范会说您仍然需要角色属性

。使用

可能会导致jQuery Mobile的单页应用程序（SPA）模型出现问题。使用SPA模型，当您导航到不同的页面时，可以在DOM中加载多个

元素。规范不允许这样做。因此，虽然

相当于

，但目前有充分的理由使用div而不是主标记。

<div role="main" class="ui-content">...</div>