Javascript、Jqueryはlocalhostでは正常に動作しますが、デプロイされたサイトでは正常に動作しませんか？

私は単純なサインアップページを書いて、純粋なのjavascriptとjqueryで検証しました。私もfont-awesomeのアイコンを使って入力値のステータスを表示しました。それはすべてのユーザーエージェント（私はクロムの拡張子とそれをテストして正常に働いた）。ファイルをサーバに置いた後、それはユーザエージェントのどれかとは連携しません。Javascript、Jqueryはlocalhostでは正常に動作しますが、デプロイされたサイトでは正常に動作しませんか？

問題：

一部のユーザーエージェントは、フォント素晴らしいアイコンが表示されないが、スクリプトが動作しています。

一部のユーザーエージェントでは、アイコンとスクリプトの両方が機能していません。

問題がどこにあるか私はしません。

<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>

上記は、スクリプトとスタイルファイルの配置方法です。

出典

2016-07-14 Anonymous

エラーについては、ブラウザのコンソールを確認してください。 –

セキュリティで保護されたページ（https）では、非セキュア（http）ページからスクリプトやスタイルを明示的にダウンロードできないブラウザがあります。

この構文は、このプロトコルの問題を回避するために使用する必要があります。

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

これはすなわち、それはhttpとhttpsの両方で動作するプロトコルに依存しないです。

出典

2016-07-14 06:24:19

どうすればいいですか？ cdnにリンクするのではなく、手動でスクリプトをダウンロードする必要がありますか？ –

@CharlesRajendran最新の回答を確認してください。外部スクリプトとスタイルシートの両方に、プロトコルに依存しないURLを使用するべきです。 –

ありがとう、コンソールも同じことを印刷します。 –

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>

出典

2016-07-14 06:42:59 mean

Javascript、Jqueryはlocalhostでは正常に動作しますが、デプロイされたサイトでは正常に動作しませんか？

答えて

関連する問題