Question

我尝试使用Jquery MObile。因此，我没有使用CDN，而是在我的html页面中使用了folloging代码

<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的ScreenShot

控制台错误ScreenShot

Answer 1

这似乎是因为你正在使用正斜杠＆＃34; \＆＃34;而不是反斜杠＆＃34; /＆＃34;。

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

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>

Jquery Mobile CDN替代方案

1 个答案: