2014-02-15 51 views
0

我正嘗試使用PhoneGap爲iOS構建我的第一個項目。我從這個頁面拿起一個例子:jquery移動應用程序不會在iPhone上顯示樣式文本

http://www.codeproject.com/Articles/579532/Building-an-iPhone-App-using-jQuery-Mobile

而且我的代碼看起來像這樣改變參考1.4.1後,ANS 1.9:

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1"> 
    <title>Task Timer</title> 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.1/jquery.mobile-1.4.1.min.css" /> 
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> 
    <script src="http://code.jquery.com/mobile/1.4.1/jquery.mobile-1.4.1.min.js"></script> 
</head> 
<body> 
    <div id="tasksPage" data-role="page"> 
     <div data-role="header" data-position="fixed"> 
      <a href="#" data-role="button">Edit</a> 
      <h1>Task Timer-1</h1> 
      <a href="#" data-role="button" data-icon="plus" data-iconpos="notext">Add</a> 
     </div> 
     <div data-role="content"> 
      <ul id="taskList" data-role="listview"> 
       <li onclick="alert(1)">Task 1</li> 
       <li onclick="alert(2)">Task 2</li> 
      </ul> 
     </div> 
     <div data-role="footer" data-position="fixed"> 
      <a href="#" data-role="button">About</a> 
     </div> 
    </div> 
</body> 
</html> 

此頁面,如果你複製到html文件將顯示格式化文本。但是,當我將應用程序複製到iPhone時,它會顯示簡單的文字。

有人能告訴我我做錯了什麼嗎?

+0

phonegap版本? – jcesarmobile

+0

最新的一個(3.x) – Anjum

回答

0

我想我剛剛解決了這個問題。

我在主html文件中對cordova.js做了引用。作爲預防措施,將cordova.js複製到www文件夾中。文本開始出現,格式化爲JQM方式。

相關問題