在头部添加javascript标签时,我的页面不会显示 - jQuery Mobile

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在头部添加javascript标签时,我的页面不会显示 - jQuery Mobile相关的知识,希望对你有一定的参考价值。

如果不将[javascript file.js]标记添加到我的代码的标题中,我的jquery移动页面就会显示出来。但是,当我将标记添加到标题中时,我的页面只显示一个空白,并且不显示任何信息。

我究竟做错了什么?

我已经尝试在jquery移动插件之前添加标签,之后等,但它显示的页面没有我的jquery主题的皮肤。

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=yes">
    <link rel="stylesheet" href="css/themes/blue.min.css" />
    <link rel="stylesheet" href="css/themes/jquery.mobile.icons.min.css" />
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile.structure-1.4.5.min.css" />
    <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
    <script src="images.js"></script>
    <title>House 1</title>
</head>

Javascript文件

$(document).ready(function () {
    var i = 0;
    var imgURL = [];

    imgURL.push('pictures/houses/house1/image1.PNG');
    imgURL.push('pictures/houses/house1/image2.PNG');

    $("#house1").swiperight(function () {
        if (i < (imgURL.length - 1)) {
            i++
        } else {
            i = 0;
        }
        var imgStr = "<img src=" + imgURL[i] + " style='width:100%'>";
        $('#popupImg').html(imgStr);
    });
    $("#house1").swipeleft(function () {
        if (i > 0) {
            i--
        } else {
            i = (imgURL.length - 1);
        }
        var imgStr = "<img src=" + imgURL[i] + " style='width:100%'>";
        $('#popupImg').html(imgStr);
    });
});

页面应该能够正常查看而不是显示空白页面。

答案

在为自定义代码添加<script>标记之前,请务必加载所有库和依赖项。如果已经解决,请将答案粘贴到您的问题上?这极大地帮助了社区学习。

以上是关于在头部添加javascript标签时,我的页面不会显示 - jQuery Mobile的主要内容,如果未能解决你的问题,请参考以下文章

为啥在运行时添加 <script> 标签不会加载 javascript 文件? (使用 react.js)

当 CSS 链接在头部时,Firefox 不会阻止 HTML 的呈现

图标不会显示在标签上

Eclipse 新建.jsp页面后,页面头部标签报错的解决方法

更新的链接文件未与网页连接

通过 .htaccess 在文件前添加指定标签