Question

我没有看到我在这里做错了什么 - 我正在尝试创建一个基线jQuery移动模板。查看Firefox中的css面板，没有正在呈现的CSS。

<!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移动页面。

Answer 1

您的代码看起来很好，我认为这是最新的jQM版本的问题

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

jQuery Mobile模板

1 个答案: