jQuery Mobile无法正常工作
我想创建我的第一个phonegap移动应用程序,但已经有问题与jQuery Mobile。 我已经包含必要的文件,但页面转换不起作用。 所有不同的页面都在下面显示。
任何帮助非常感谢。
谢谢,恩内
<html>
<head>
<meta charset="utf-8" />
<meta name="format-detection" content="telephone=no" />
<!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 -->
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
<link rel="stylesheet" type="text/css" href="css/index.css" />
<link rel="stylesheet" type="text/css" href="css/custom.css" />
<title>Blaue Elf Linz</title>
</head>
<body>
<div data-role="page" id="pageone">
<div data-role="header">
<h1>Welcome To My Homepage</h1>
</div>
<div data-role="main" class="ui-content">
<p>Welcome! If you click on the link below, it will take you to Page Two.</p>
<a href="#pagetwo">Go to Page Two</a>
</div>
<div data-role="footer">
<h1>Footer Text</h1>
</div>
</div>
<div data-role="page" id="pagetwo">
<div data-role="header">
<h1>Welcome To My Homepage</h1>
</div>
<div data-role="main" class="ui-content">
<p>This is Page Two. If you click on the link below, it will take you to Page One.</p>
<a href="#pageone">Go to Page One</a>
</div>
<div data-role="footer">
<h1>Footer Text</h1>
</div>
</div>
<script type="text/javascript" src="phonegap.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript" src="js/jquery-1.1.0.min.js"></script>
<script type="text/javascript" src="js/jquery.mobile-1.4.2.min.js"></script>
<script type="text/javascript">
app.initialize();
</script>
</body>
我没有在您的文件中看到包含JQuery Mobile样式表。 就像是
<link rel="stylesheet" href="css/jquery.mobile-1.4.2.min.css" />
必须包括在内。
还有JQuery文件名
<script type="text/javascript" src="js/jquery-1.1.0.min.js"></script>
看起来非常可疑。
1)。 如果你在那里打字(在Stackoverflow)或者一些奇怪的原因重命名文件(这是更新的版本) - 比它好。
2)。 如果你在你的html代码中输入错误 - 你应该修正它(1.10.0或其它)。
3)如果你使用JQuery的老版本(1.1.0),那么你应该使用更新的版本(至少1.9.1)。
平台jQuery,jQuery Mobile和PhoneGap需要加载到标题中。 头文件保留在DOM中,jQuery通过Ajax从页面中提取内容。 你已经将它们添加到你的身体,我猜这是行不通的,因为他认为它是内容的一部分(在身体标签之间)。
链接地址: http://www.djcxy.com/p/61935.html