jQuery Mobile的用户界面不会与IBM工作灯正常工作

请容忍我，因为我是一个初学者：djQuery Mobile的用户界面不会与IBM工作灯正常工作

我尝试jQuery Mobile的框架添加到我的工作灯项目。我跟着这link指示（所以，我添加了jQuery Mobile手动，就像在链接中）。

然后，我试图运行此代码：

<!DOCTYPE HTML> 
<html> 
<head> 
    <meta charset="UTF-8"> 
    <title>JakartaWikiMall</title> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0"> 
    <link rel="shortcut icon" href="images/favicon.png"> 
    <link rel="apple-touch-icon" href="images/apple-touch-icon.png"> 

    <link rel="stylesheet" href="css/jquery.mobile-1.3.1.min.css"> 
    <link rel="stylesheet" href="css/JakartaWikiMall.css"> 
    <script>window.$ = window.jQuery = WLJQ;</script> 
</head> 
<body onload="WL.Client.init({})" id="content" style="display: none;"> 
    <!--application UI goes here--> 
    <div data-role="page"> 
     <div data-role="header"> 
      <h1>Page Title</h1> 
     </div> 

     <div data-role="content"> 
      <p>Page content goes here</p> 
     </div> 

     <div data-role="footer"> 
      <h4>Page Footer</h4> 
     </div> 
    </div> 

    <script src="js/jquery-1.9.1.js"></script> 
    <script src="js/jquery.mobile-1.3.1.min.js"></script> 
    <script src="js/initOptions.js"></script> 
    <script src="js/JakartaWikiMall.js"></script> 
    <script src="js/messages.js"></script> 
</body> 
</html>

这是我从安卓模拟器有：

enter image description here

从浏览器模拟器：

enter image description here

正如你所看到的，页脚不在脚下，Android Simulator中的内容变得非常大。（然而事情得到了正确的链接，我提供了以上的链接，所以一定是错的）

我该怎么办？

任何帮助表示赞赏，只是让我知道，如果你需要别的东西。非常感谢：D

来源

2013-06-19 Blaze Tama

将data-position="fixed"添加到您的页脚。

DEMO http://jsfiddle.net/yeyene/Rdfxs/

<div data-role="footer" data-position="fixed"> 
    <h1>Fixed Footer!</h1> 
</div>

更多JQM演示和文档这里http://view.jquerymobile.com/1.3.1/dist/demos/widgets/fixed-toolbars/

来源

2013-06-19 04:58:23 yeyene

非常感谢您的帮助：D IDK为什么教程不需要的代码 –

jQuery Mobile的用户界面不会与IBM工作灯正常工作

回答

相关问题