html - 在 Blackberry 10 Webworks 上管理数据角色选项卡

Question

我有一些问题。我做了一个应用程序，我想将菜单放在标签管理器黑莓上。

这是代码

<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。

如何解决这个问题？

提前致谢。

更新：它现在正在工作，

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

像这样：

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

Answer 1

好的，我想念解释文档

我可以通过创建不同的 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>

等等...