2016-07-14 4 views
2

Ich schrieb gerade eine einfache Anmeldeseite und validierte sie mit reinem Javascript und jquery. Ich verwendete auch font-awesome Symbole, um den Status des Eingabewerts anzuzeigen. Es funktionierte gut mit allen Benutzer-Agenten (Ich testete es mit einer Chrome-Erweiterung). Aber nachdem die Dateien auf einem Server gespeichert wurden, funktioniert es nicht mit einem der Benutzeragenten.Javascript, Jquery funktioniert gut in localhost aber nicht in der bereitgestellten Site?

Fragen:

  1. Einige nicht Benutzeragenten Schriftart ehrfürchtige Symbole zeigt, aber die Skripte funktionieren.

  2. In einigen Benutzeragenten funktionieren sowohl die Symbole als auch die Skripts nicht.

ich keine nicht, wo das Problem ist.

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

das oben ist, wie ich die Skripte und Stildateien.

+2

Suchen Sie in Ihrer Browserkonsole nach Fehlern. –

Antwort

4

Wenn Ihre Seite sicher ist (https), erlauben einige Browser nicht explizit das Herunterladen von Skripten oder Stilen von nicht sicheren (http) Seiten.

Diese Syntax sollte dieses Protokoll Problem zu vermeiden, verwendet werden:

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

Dieses Protokoll Agnostiker das heißt ist, wird es sowohl die Arbeit mit http und https.

+0

also was soll ich tun? Muss ich die Skripte manuell herunterladen, anstatt auf eine CDN zu verlinken? –

+1

@CharlesRajendran Bitte überprüfen Sie die aktualisierte Antwort. Sie sollten Protokoll-agnostische URLs sowohl für externe Skripts als auch für Stylesheets verwenden. –

+0

Danke, Konsole drucken Sie auch das gleiche. –

0

Ich werde vorschlagen, dass Sie uns heruntergeladene Datei lieber mit CDN.

Sie sollten das gesamte Skript-Tag unten auf Ihrer Seite platzieren und die gesamte CSS-Datei oben auf die Seite im head-Tag setzen.

<!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> 
Verwandte Themen