【发布时间】:2018-10-08 21:19:57
【问题描述】:
我正在开发我的第一个网络应用程序用于学习目的。它包含一个日历,您可以在其中异步添加、编辑和删除它们。简单的。
一切似乎都很好,但是一旦我将它上传到我的主机,一位朋友告诉我他看不到日历,只有页眉和页脚......他说这发生在所有浏览器上,但在智能手机它工作正常......我检查了自己,我可以在我的所有浏览器上看到它(这就是我没有注意到的原因),但在智能手机上发生了同样的错误!这和我朋友遇到的问题一样,但在相反的设备上。
我联系了主机,并将 PHP 版本更改为我用来开发它的 XAMPP 上最相似的版本...(xampp 上为 5.6.32,主机上为 5.6.35),但问题仍然存在开。
我也尝试更新引导版本。日历是通过引导程序、JS(具有一些 ES6 功能,如导入-导出模块)和 jquery 通过 PHP 从数据库返回数据完成的......没什么特别的。
你知道会发生什么吗?要查看日历,您必须登录。
如果您想登录并查看它,请使用这些虚假凭据:
电子邮件:test@gmail.com 通行证:12345678
这是链接
http://myreminder.avanzartewebs.com/
我会把有问题的文件的head标签放上来看看能不能给你提示
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js" defer></script>
<!-- Latest compiled and minified CSS -->
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
<!-- Latest compiled and minified JavaScript -->
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous" defer></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.bundle.min.js" integrity="sha384-lZmvU/TzxoIQIOD9yQDEpvxp6wEU32Fy0ckUgOH4EIlMOCdR823rg4+3gWRwnX1M" crossorigin="anonymous" defer></script>
<link rel="stylesheet" type="text/css" href="../assets/css/styles.css">
<script src="getAndPrintDate.js" defer></script>
<!--<script src="assets/js/crearCalendario.js" defer></script>-->
<script src="view_crearAnioCompleto.js" type="module"></script>
<!--<script src="assets/js/buildList.js" defer></script>-->
<!--the scripts with type=module (which work with modules using the imports) are defer by default-->
<script src="../controls/clickOnCell.js" type ="module" ></script>
<script src="../controls/taskSubmit.js" type ="module" ></script>
<script src="../controls/listButtonsClick.js" defer ></script>
<script src="../controls/editTaskSubmit.js" type="module" ></script>
<script src="../assets/js/fontawesome-all.js" defer ></script>
</head>
【问题讨论】:
-
我无法重现该问题。当我登录时,我会在所有浏览器和我的 iPhone X 上看到日历。
-
我将尝试使用没有 ES6 导入/导出的版本,看看是否可以修复它。不知道是什么原因造成的
标签: javascript php jquery twitter-bootstrap ecmascript-6