Question

我刚刚编写了一个简单的注册页面，并使用纯 javascript 和 jquery 对其进行了验证。我还使用 font-awesome 图标来显示输入值的状态。它适用于所有用户代理（我使用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。

您应该将所有脚本标记放在页面底部，并将所有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 个答案: