jQuery Mobile模板

我没有看到我在做什么错在这里 - 我试图创建一个基线jQuery手机模板。查看Firefox中的css面板，没有呈现css。jQuery Mobile模板

<!DOCTYPE HTML> 
<html lang="en"> 
<head> 
<meta charset="utf-8"> 
<meta name="author" content="Phillip Senn"> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<title>jQuery Mobile template</title> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 
<link rel="stylesheet" href="http://code.jquery.com/mobile/latest/jquery.mobile.min.css"> 
<script> 
$(document).bind("mobileinit", function() { 
    $.mobile.ajaxEnabled = false; 
}); 
</script> 
<script src="http://code.jquery.com/mobile/latest/jquery.mobile.min.js"></script> 
</head> 
<body> 
<div data-role="page" id="myPage"> 
    <div data-role="header"> 
     <h1>jQuery Mobile Template</h1> 
    </div> 
    <div data-role="content" id="myContent"> 
     My Content 
    </div> 
    <div data-role="footer"> 
     <h4>Copyright &copy; 2012 Your name here</h4> 
    </div> 
</div> 
</body> 
</html>

它只是不呈现为jQuery移动页面。

来源

2012-01-05 Phillip Senn

你的代码看起来不错，我认为这是与最新的JQM问题建立

http://jsfiddle.net/ArGXg/1（使用最新的链接库）
http://jsfiddle.net/ArGXg/4（使用1.0发布链接库）

jQuery Mobile模板

回答

相关问题