如果不将 [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>
标记之前加载所有库和依赖项。 如果已经解决,请粘贴您的问题的答案? 这极大地帮助了社区学习。