Jquery 移动 CDN 替代方案

Question

我正在尝试使用 Jquery 手机。因此，我没有使用 CDN，而是在 html 页面

中使用了以下代码

<head>
        <link rel="stylesheet" href="JqueryFiles\jquery.mobile-1.4.5.min.css">
    <script src="JqueryFiles\jquery.mobile-1.4.5.min.js"></script>
    <script src="JqueryFiles\jquery.js"></script>
</head>

好像不行。 Jquery、Jquery Mobile 甚至 css 文件都没有显示在我的网页中。

<!DOCTYPE html>

<html>

<head>
        <link rel="stylesheet" href="JqueryFiles\jquery.mobile-1.4.5.min.css">
        <script src="JqueryFiles\jquery.mobile-1.4.5.min.js"></script>
        <script src="JqueryFiles\jquery.js"></script>
</head>

<body>

<div data-role="page">

    <div data-role="header">
        <h1>FIRST PAGE</h1>
    </div>

    <div data-role="main" class="ui-content">
        <h1>HELLO WORLD</h1>
        <p>Welcome </p>
    </div>

    <div data-role="footer">
        <h2>&copy; Test</h2>   
    </div>

</div>

</body>

</html>

你知道为什么它不起作用吗？（据我所知，页眉和页脚应该有一些样式。但这在这里不起作用

PS：我已经尝试使用 CDN，它可以与 CDN 一起使用，但我不想使用 CDN，因为我只为本地应用程序编码

我的 Jquery 文件夹的屏幕截图

控制台错误屏幕截图

Answer 1

这似乎是因为您使用的是正斜杠“\”而不是反斜杠“/”。

从我们的评论讨论中，我们还可以看到脚本加载顺序错误。

Jquery 移动需要 Jquery（主要）到运行，因此后者 (Jquery) 需要先加载 .

所以...

这个：

<head>
    <link rel="stylesheet" href="JqueryFiles\jquery.mobile-1.4.5.min.css">
    <script src="JqueryFiles\jquery.mobile-1.4.5.min.js"></script>
    <script src="JqueryFiles\jquery.js"></script>
</head>

应该是这样的：

<head>
    <link rel="stylesheet" href="JqueryFiles/jquery.mobile-1.4.5.min.css">
    <script src="JqueryFiles/jquery.js"></script>
    <script src="JqueryFiles/jquery.mobile-1.4.5.min.js"></script>
</head>

Jquery 移动 CDN 替代方案

Jquery Mobile CDN alternative

html

javascript

css

jquery

jquery-mobile