jquery 移动应用程序在 iPhone 上不显示样式文本
Posted
技术标签:
【中文标题】jquery 移动应用程序在 iPhone 上不显示样式文本【英文标题】：jquery mobile app does not show styled text on iPhone 【发布时间】：2014-02-15 18:43:28 【问题描述】：我正在尝试使用 PhoneGap 构建我的第一个 ios 项目。我从这个页面举了一个例子：
http://www.codeproject.com/Articles/579532/Building-an-iPhone-App-using-jQuery-Mobile
在更改对 1.4.1 和 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 时，它会显示简单的文本。
谁能告诉我我做错了什么？
【问题讨论】：
【参考方案1】：我想我刚刚解决了这个问题。
我在主 html 文件中引用了 cordova.js。作为预防措施，将 cordova.js 复制到 www 文件夹。并且文本开始以 JQM 方式出现。
【讨论】：
以上是关于jquery 移动应用程序在 iPhone 上不显示样式文本的主要内容，如果未能解决你的问题，请参考以下文章
jQuery Show / Hide 在 Android 上不起作用
jQuery 平滑滚动在 iPad 和 iPhone 上不起作用
jquery click 在 ipad/iphone 上不起作用