1 
 <body id="content">
  <div data-role="header">
     <h3>header text</h3>
   </div>

   <div data-role="content" id="pagePort">
       //here I am loading my integrating server generated pages sample application
   </div>

    <div data-role="footer">
       <h3>simple footer</h3
    </div>
 </body>

这是我的主要 html 页面。在服务器页面 html 页面中我有 

 <div id="AppBody"> 
   <div id="tabButtonsContainer">
  </div>

这个 id = "tabbuttonsContainer" 的 div 我在我的 js 文件中使用它作为 parentdiv，如下所示

WL.TabBar.setParentDivId("tabButtonsContainer"); 但标签栏仍然只出现在顶部

4

2 回答 2

1

- 看看.tabBar css 类。它具有位置：固定，顶部：0 和左侧：0，这就是为什么标签栏仍然呈现在顶部的原因，即使它的父级在其他地方 - 固定是相对于浏览器...

- 这有一个开放的错误。

- 您可以尝试使用 tabbar（或其父级）的 position 属性来改变它 - 只要确保它不会影响 tabBar 上方/下方的元素。

- 另外 - 根据他们的设计原则，Android 标签栏应该位于顶部/底部。所以也许有更好的构建块来满足您的需求？

干杯

于 2013-07-08T10:34:29.397 回答
0

我相信 tabbar 模仿了 android tabbar 的功能，遗憾的是这意味着对于 android，tabbar 将出现在顶部，在 ios 上它将出现在底部。虽然文档确实说它是 android 的 HTML 元素，但如果你能找到控制它的 css，你也许可以覆盖它。

http://pic.dhe.ibm.com/infocenter/wrklight/v6r0m0/index.jsp?topic=%2Fcom.ibm.worklight.help.doc%2Fapiref%2Fr_wl_tabbar_additem.html

于 2013-07-07T06:13:49.327 回答