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 クラスを見てください。position:fixed、 top:0 、 left:0 があります。これが、親が別の場所にあるにもかかわらず、タブバーがまだ上にレンダリングされる理由です-固定はブラウザーに対して相対的です...

-これには未解決のバグがあります。

-これを変更するために、タブバー（またはその親）の位置プロパティをいじってみることができます-タブバーの上/下の要素に影響を与えないことを確認してください。

- さらに - Android のタブバーは、設計原則に従って、上部/下部にあるはずです。あなたのニーズに合ったより良いビルディングブロックがあるかもしれませんか？

乾杯

于 2013-07-08T10:34:29.397 に答える
0

タブバーはAndroidのタブバー機能を模倣していると思います.悲しいことに、Androidではタブバーが上部に表示され、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 に答える