Jquery Mobile CDN 替代方案 [关闭]答案

【问题标题】：Jquery Mobile CDN alternative [closed]Jquery Mobile CDN 替代方案 [关闭]
【发布时间】：2016-05-16 11:44:06
【问题描述】：

我正在尝试使用 Jquery MObile。因此，我没有使用 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，因为我只为本地应用程序编写代码

我的 JqueryFolder 的屏幕截图

控制台错误截图

【问题讨论】：

标签： javascript jquery html css jquery-mobile

【解决方案1】：

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

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

Jquery Mobile 需要 Jquery (main) 来运行，因此后者 (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>

【讨论】：

不，仍然无法正常工作。我试过 \ 因为 / 只是为了看看它是否会有所作为。两个斜线仍然产生相同的结果。所以我在窗户上。 index.html 就在文件夹之外。我在我的 OP 中添加了我的 JqueryFiles 文件夹的图片。说真的，我不知道发生了什么。它应该是直截了当的。
ctrl + shit + j 在谷歌浏览器中给我一个错误控制台错误（有或没有正斜杠我得到相同的错误）。请参阅我的操作以获取错误的屏幕截图