2016-04-27 8 views
0

Ich habe Probleme mit der Verknüpfung in der JQuery API in meine HTML-Seite. Ich habe viel Zeit damit verbracht, es selbst herauszufinden, aber ich habe keine Fortschritte gemacht und würde wirklich die Hilfe von irgendjemandem schätzen! Wie ich im Titel erwähnt habe, funktioniert es gut, wenn ich auf eine gehostete Version von JQuery verlinke, aber wenn ich versuche, eine lokale Version zu verwenden, habe ich keinen Erfolg (ich muss lokal arbeiten, wofür ich es verwende). Side Note: Ich habe die Dateien direkt von der JQuery-Site heruntergeladen und zur Vereinfachung in den Stammordner gestellt.Versuchen, JQuery Mobile in HTML zu verknüpfen. Funktioniert bei der Verwendung einer gehosteten Version, aber nicht lokal

Bitte sehen Sie den Code unten ...

Dies funktioniert nicht richtig:

<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <title>Title</title> 
    <link rel="stylesheet" type="text/css" href="style.css"/> 

    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" type="text/css" href="jquery.mobile-1.4.5.min.css"/> 
    <script type="text/javascript" src="jquery.mobile-1.4.5.min.js"></script> 
    <script type="text/javascript" src="jquery-2.2.3.js"></script> 

</head> 
<body> 

</body> 

Aber dies richtig funktioniert:

<!doctype html> 
<html lang="en"> 
<head> 
     <meta charset="utf-8"> 
     <title>Title</title> 
     <link rel="stylesheet" type="text/css" href="style.css"/> 

     <meta name="viewport" content="width=device-width, initial-scale=1"> 
     <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"> 
     <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script> 
     <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> 
</head> 
<body> 

</body> 

+1

Lade jquery mobile nach jquery, wie du es im zweiten sinppet getan hast –

Antwort

0

Vielleicht ist es die Reihenfolge, in der die Skripte kommen - Ihre Arbeitsversion hat zuerst jQuery, dann Mobile, während die Nicht-Arbeit das Gegenteil hat. Wenn dies nicht behoben wird, überprüfen Sie, ob Ihre Dateipfade korrekt sind - so wie sie geschrieben wurde, muss sich Ihre HTML-Datei im selben Ordner wie die Skripte befinden. Wenn dies nicht der Fall ist, versuchen Sie, einen Schrägstrich voranzustellen: <script src="/jquery-2.2.3.js">, um zu erzwingen, dass der Stammordner angezeigt wird.

Eine Möglichkeit zu bestätigen, ob das das Problem ist, überprüfen Sie Ihre Browser-Tools. Wenn Sie in Chrome sind, klicken Sie mit der rechten Maustaste -> Inspizieren Element und finden Sie die Registerkarte Netzwerk. Laden Sie Ihre Seite neu, während Sie diese geöffnet haben, und prüfen Sie, ob Ihre Seite die Skripts erfolgreich lädt. Wenn Sie die Namen dieser Skripts rot anzeigen, bedeutet dies, dass sie nicht gefunden wurden oder nicht geladen werden konnten.

Zuletzt gedacht: Wenn Sie an Ihrer lokalen Site arbeiten, indem Sie einen file:// Pfad öffnen, wird der JS, den Sie verwenden können, eingeschränkt; Dies ist eine Sicherheitsfunktion. Um dies zu umgehen, führen Sie Ihre Site auf einem lokalen Server aus. Mac OS X hat eine eingebaute, oder Sie können PHP oder Python verwenden, um sofort über die Befehlszeile zu starten und eine Bibliothek wie pow oder serve zu installieren. Google rund um "lokale Webserver-Setup" gibt es Tonnen von Optionen.