Html Blackberry 10 Webworks上的管理数据角色选项卡

我有一些问题。我制作了一个应用程序，我想把菜单放在tab manager blackberry上

这是密码

<div data-role="footer" data-position="fixed">
    <div data-role="actionbar">
        <div data-role="tab" data-overflow="true">
            <img src="images/ic_home.png" alt="action_home" />
            <p>Home</p>
            <img src="images/ic_notification.png" alt="action_notification" />
            <p>Notification</p>
        </div>

家

通知

但它会显示错误页面，选项卡不工作，如下图所示

我想要的是有两行带描述的图标

我使用Jquerymobile作为基于开发的工具

如何解决这个问题

提前谢谢

更新：它正在工作，

我错过了为每个图像创建每个数据角色的概念。但仍然有问题，当我测试设计时，它显示出错误

像这样：

---

请问如何解决这个问题？谢谢

好的，我想解释一下这些文件

我可以通过创建不同的div来纠正错误

<div data-role="footer" data-position="fixed">
<div data-role="actionbar">
    <div data-role="tab" data-overflow="true">
        <img src="images/ic_home.png" alt="action_home" />
        <p>Home</p>
    </div>
    <div data-role="tab" data-overflow="true">
        <img src="images/ic_notification.png" alt="action_notification" />
        <p>Notification</p>
    </div>

家

通知

---

依此类推……

如果有效，您应该将解决方案作为答案发布。