Javascript，Jquery在localhost上运行良好，但在已部署的站点中运行不正常？

Question

我只是编写了一个简单的注册页面，并使用纯javascript和jquery对其进行了验证。 我还使用了超棒的字体图标来显示输入值的状态。 它在所有用户代理上都能正常工作（ 我使用chrome扩展程序对其进行了测试 ）。 但是将文件放入服务器后，它无法与任何用户代理一起使用。

问题：

一些用户代理未显示字体真棒图标，但脚本正在运行。

在某些用户代理中，图标和脚本均不起作用。

我也不是问题所在。

    <head>
      <title>TicketIsle Login</title>
        <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css">
      <link rel="stylesheet" href="style.css"/>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  <script type="text/javascript" src="validation.js"></script>
  <script type="text/javascript" src="js/get_post.js"></script>
    </head>

上面是我放置脚本和样式文件的方式。

Answer 1

如果您的页面处于安全（https）中，则某些浏览器不允许您显式地从非安全（http）页面下载脚本或样式。

应使用以下语法来避免此协议问题：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

这与协议无关，即它将与http和https 。

Answer 2

我会建议您下载CDN而不是CDN。

您应该将所有script标签放在页面底部，并将所有CSS文件放在head标签页面的顶部。

<!DOCTYPE html>
<html>
  <head>
    <!-- Font Awesome CSS -->
    <link href="fonts/font-awesome.css" rel="stylesheet">
  </head>
 <main>
 <body>

     </body>    
  </main> 



  <!--    -------------------------------------  -->
<!--    Javascript Includes  -->
<!--    ----------------------`enter code here`---------------  -->
<script type="text/javascript" src="jquery.js"></script> 

</html>

Javascript，Jquery在localhost上运行良好，但在已部署的站点中运行不正常？

问题描述

2 个解决方案

解决方案1
4 已采纳 2016-07-14 06:24:19

解决方案2
0 2016-07-14 06:42:59

Javascript，Jquery在localhost上运行良好，但在已部署的站点中运行不正常？

问题描述

2 个解决方案

解决方案1 4 已采纳 2016-07-14 06:24:19

解决方案2 0 2016-07-14 06:42:59

解决方案1
4 已采纳 2016-07-14 06:24:19

解决方案2
0 2016-07-14 06:42:59