javascript - Jquery 移动 CDN 替代方案

标签 javascript jquery html css jquery-mobile

<分区>

我正在尝试使用 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 的屏幕截图 enter image description here

控制台错误截图 enter image description here

最佳答案

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

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

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>

关于javascript - Jquery 移动 CDN 替代方案,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37253147/

相关文章:

javascript - jquery 或 javascript 如何访问 iframe 中的 DOM?

html - 是否可以限制/调整浏览器页面的滚动高度?

javascript - Hbase:使用JSON同时放置一行的多个版本

javascript - Q Promise 中的错误处理

javascript - 带有 ajax slider 扩展控件的 asp.net 控件 2 文本框

jquery - 如何在销毁后重置对话框中的文本框值?

javascript - 如何计算事件的 javascript 超时?

javascript - 我如何设置 React?

javascript - 单击选项卡时如何提交表单

html - 相对 Div 元素未注册到绝对定位的子元素