2016-11-08 2 views
0

Sie die Codierung anzeigen kann ich auf meiner Live-Site bin mit (www.randolphlibrary.org/mobilesite.htm)Frage der Medien ausblenden Desktop-Ansichtsfenster

TLDR: Wie die Listenansicht Stil implementieren, wenn die Leute schauen etwas mit einem View-Port von max-Breite 768px, so dass es für meine mobilen Nutzer gilt?

So war meine Idee, diesen Code, um es an den Header zu nehmen:

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.4/jquery.mobile-1.4.4.min.css" media="(max-width: 768px)"/> 

<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> 


<script src="http://code.jquery.com/mobile/1.4.4/jquery.mobile-1.4.4.min.js"></script> 

Aber das Problem ist, wie das mobile Gerät zu erkennen, dass Jquery Sheet zu verwenden und nicht den „Standard“ CSS-Stylesheet bereits unter diesem Code?

Jemand erwähnte nur eine Medienabfrage mit @ media machen = „(max-width: 768px) {display: none;} Aber ich bekomme keinen Kauf

Das fühlt sich an wie eine solche grundlegende Frage, aber ich. Ich stecke selbst in den "Standard" CSS und füge display ein: none; zum Body nichts.

Irgendwelche Hinweise würden darüber hinaus sehr geschätzt werden.Ich versuche eine kleine Stadt zu machen Bibliothek aussieht attraktiver für unsere Jugend gibt, die von ihren Handys sehen nicht

UPDATE:. Der Kerl mich dies erklärt lehrt, dass für ein sehr einfaches jQuery Mobil e Seite brauchten wir 3 Dateien im Kopf: CSS-Datei jQuery Arbeit, Javascript-Datei zu erstellen, die jQuery Arbeit macht und eine Javascript-Datei, die auf den Kern jQuery-Datei anhängt, die für mobile Geräte (jQuery Mobile) zusätzliche Widgets zur Verfügung stellt.

Also, mit den drei oben genannten Dateien I gezeigt dachte, ich war golden. Aber immer noch Probleme.

Antwort

0

Möchten Sie vielleicht einige Ihrer jQuery-Code teilen können? Ich denke, dass ich Ihnen helfen kann, muss nur sehen, mit was Sie arbeiten. Auf den ersten Blick sieht es so aus, als könnten Sie das innerhalb der jquery-Datei handhaben, um den Code nur auszuführen, wenn das Fenster eine bestimmte Breite hat, was Sie brauchen.

+0

Sorry für eine solche späte Reaktion meinerseits. Seltsamerweise habe ich nur eine Nachricht über eine Antwort auf meine Frage vor 2 Tagen per E-Mail bekommen. Der jQuery-Code, den ich habe, stammt von dem Typen, der mir das beigebracht hat. Ich habe drei Links, wie oben gesehen, die die einzigen Dinge sind, die sich mit jQuery befassen. Wenn ich in der Seitenquelle der Seite oder in meinem Texteditor auf sie klicke, ist es die gleiche Menge Wildheit, die ich nicht erkennen kann, was zum Teufel es ist. –