Question

这是我正在研究的一些代码，但现在JQuery Mobiles元素正在运行。我编码已经有一段时间了。此外，如果重要的是我使用的是Sumlime Text 2。

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>.......</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css" />
    <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"></script>
</head>

<body>
    <div date-role="page" data-theme="a">
        <div date-role="header">
            <!--Main Nav Bar-->
            <a href="MainPage.html" data-icon="home" data-iconpos="right">Home</a>
            <h1>HOME</h1>
        </div>

        <div data-role="content">
            hello
        </div>
    </div>
</body>
</html>

Answer 1

从它的外观来看，一切似乎都写得正确。唯一可能的是它不使用正确的HTML 5 doc类型但是html4。 Jquery mobile严重依赖HTML5

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>HTML5 Template</title>
</head>
<body>
</body>
</html>

在JQuery Mobile上遇到一些麻烦

1 个答案: