jquery-mobile - 使用节、页眉和页脚标签而不是数据角色

Question

Jon Reid 在他的 jQuery Mobile 书中有一个使用 html5 标签的好主意:

<section data-role="page">
<header data-role="header">
<nav data-role="navbar">
<div data-role="content">
<footer data-role="footer">

问:如果我使用节、页眉和页脚标签，是否可以去掉 data-role="page","header","nav","footer"？
也许我可以在 jQuery Mobile 加载之前加入一些 js 优点。

理论上，如果我在加载 jQuery Mobile 之前添加它，它将起作用:

$('header').attr('data-role','header');

嗯...虽然我可能需要在应用此属性后刷新元素。
或者触发一个创建方法。

Answer 1

我在 jQuery Mobile JavaScript 之前这样做:

$('section').attr('data-role','page');
$('article').attr('data-role','content');
$('header').attr('data-role','header');
$('nav').attr('data-role','navbar');
$('aside').addClass('ui-li-aside');
$('ul').not('nav > ul').not('.nolst').attr('data-role','listview').attr('data-inset','true');
$('ol').not('nav > ol').attr('data-role','listview').attr('data-inset','true');;
$('a').not('li > a').not('.nobtn').attr('data-role','button');
$('footer').attr('data-role','footer');