j查询单页移动应用程序
jQuery single page mobile app
我正在尝试构建一个具有多个页面的jQuery应用程序。不同的页面放置在不同的 html 文件中。索引.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Dynamic Page Example</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>
</head>
<body>
<sciprt src="abc.js"></sciprt>
<div data-role="page" id="home" data-title="Welcome">
<div data-role="header">
<h1>Dynamic Page</h1>
</div>
<div data-role="content">
<input type=button id="changePage" value="Open dynamic page">
<!--<a href="abc.html" data-prefetch>abc</a>-->
</div>
<script>
$("#changePage").on("click", function() {
// Create page markup
// Enhance and open new page
$.mobile.changePage('abc.html');
});
</script>
</div>
</body>
</html>
美国广播公司.html
<div data-role=page data-url=hi id=abc>
<div data-role=header id=first>
<h1>
<script>
document.write(msg.first);</script>
</h1>
</div>
<div data-role=content id=second>
<script>
document.write(msg.second);</script>
</div>
</div>
美国广播公司.js
var msg = {
first : 'I am First',
second : 'I am Second',
third : 'I am Third'
};
我不明白我哪里做错了。当没有javascript im abc时.html那么它可以工作,但是当我尝试使用js时,它只是显示加载。
任何帮助都会很棒...
首先很
抱歉,因为我在
<sciprt src="abc.js"></sciprt>
应该是(感谢@Ingo伯克指出来)
<script src="abc.js"></script>
其次,我尝试使用
$('#second').append(msg.second);
$('#first').append(msg.first);
但是没有解决,然后我用了
$('#second').html(msg.second);
$('#first').html(msg.first);
这解决了我的问题。并且当您通过$.load()
加载页面时,也不要在页面中使用document.write()
。因此我浪费了 3 天(感谢@Ram指出)。检查 https://github.com/jquery/jquery-mobile/issues/430
相关文章:
- Canvas Html5绘图应用程序,移动画布会导致重大问题
- 如何减少在移动网络应用程序上播放声音的延迟
- Meteor移动应用程序-嵌入式数据库
- 如何在telerik剑道移动应用程序中按下刷新数据源的按钮
- 移动登录应用程序
- jquery移动应用程序无法使用jquryMobile框架JS和css文件的相对路径
- 离子框架移动应用程序性能问题
- 在移动设备上按路径或名称获取二进制图像(Ionic / Ng cordova 应用程序)
- 移动照片库应用程序
- 尝试在移动优先应用程序中从 SQL 数据库获取数据时出错
- 我想在混合移动应用程序中使用Sqlite插件(Cordova)创建一个示例项目
- 地理位置不适用于苹果移动网络应用程序功能
- 移动网络应用程序:在多分辨率设备中使用同一组图像
- 在移动应用程序上滚动iframe会在某个时刻跳到页面顶部
- 在加载移动应用程序页面时调用Javascript函数
- Facebook在跨平台移动应用程序中的集成
- jquery.mobile-1.4.5.js:26未捕获类型错误:无法设置属性'移动'react应用程序
- 在web应用程序ASP.net中拖放和移动图像
- 将Facebook应用程序移动到新服务器,现在它坏了
- 正在将AngularJS应用程序移动到pushState