Heim >Web-Frontend >js-Tutorial >Zusammenfassung der Probleme, die in jquery.mobile common layout_jquery aufgetreten sind
Zusammenfassung der Probleme, die in jquery.mobile common layout_jquery aufgetreten sind
- WBOYOriginal
- 2016-05-16 16:14:58978Durchsuche
Ein aktuelles Projekt nutzte jquery.mobile, um eine einfache Anzeige auf einem Mobiltelefon zu erstellen. Ich kannte dieses Framework bisher nur, habe aber nie damit gespielt.
Besonders in Bezug auf die Ereignisbindung ist der Browser im Vergleich zum Desktop-System sehr umständlich und versteht den Sinn nicht.
Wie unten gezeigt, ist bei der Arbeit am Backend-System die linke Seite normalerweise mit Modulen und untergeordneten Menüpunkten gefüllt, die erweitert und gefaltet werden können.
Mein Problem bleibt in den gesammelten Bewertungen hängen. Um die Seite wiederzuverwenden, wird ein Iframe in die gesammelten Bewertungen zur Kommentaranzeige eingebettet.
Die erste Schwelle
Studenten, die Erfahrung in der mobilen WEB-Entwicklung haben, sollten wissen, dass die Bildlaufleiste nicht angezeigt wird und der Inhalt abgeschnitten zu sein scheint, wenn im IFrame unter dem IOS-Browser zu viel Inhalt vorhanden ist.
Nachdem ich die Informationen überprüft habe, habe ich es endlich verstanden. Wenn es viele Kommentare gibt, ist es unmöglich, eine Reihe von Seiten zum Umblättern zu haben ist wirklich schlimm.
Heutzutage wird im Allgemeinen das rollierende Laden verwendet. Schreiben Sie die DEMO und führen Sie sie zuerst auf dem Computer aus. Ich habe mein Mobiltelefon gewechselt und es zuerst mit einem Android-Telefon versucht. Ich denke, es wird funktionieren.
Der Wechsel zum iPhone hat nur das Problem mit der Bildlaufleiste gelöst, aber mein Bildlaufladevorgang ist immer noch da. Ich habe wiederholt gewischt und immer noch keine Antwort erhalten, was mir das Herz kalt werden ließ. Ich möchte hier etwas Seltsames sagen. Es ist in QQ und WeChat erlaubt.
Es wird keine Ergebnisse geben, wenn Sie es weiterhin so verschwenden, also sollten Sie einen anderen Weg finden. Der erste Gedanke war, dies auf einer separaten Seite zu tun. Wir sind also auf die zweite Schwelle gestoßen.
Das Obige entspricht dem kumulativen Bewertungsteil. Nach dem Klicken ist der Seitenstil völlig durcheinander und die js-Ereignisse werden nicht ausgeführt. Wenn Sie den Code mit f12 betrachten, sind bis auf die HTML-Elemente im Körper, den Teil im Kopf und die JS am Ende der Seite alle verschwunden.
Wirst du so dumm sein? Ich fragte meine Kollegen, ob sie auf ein solches Problem gestoßen seien. Sie sagten, dass es in Ordnung wäre, wenn sie rel="external" hinzufügen würden, aber es hat nicht wirklich funktioniert. Der Code lautet also wie folgt:
- Kumulative Auswertung
Hinweis: rel='external' ähnelt target=''_blank'', was das Öffnen einer neuen Seite bedeutet
Zusammenklappbare Listenansicht Die beiden Partner sind nicht miteinander kompatibel und können keinen besseren Layouteffekt erzielen. Ich habe beim Basteln eine leere zusammenklappbare Liste hinzugefügt und es hat funktioniert. Endlich habe ich sie zusammengebracht. Das reduzierbare Symbol ist standardmäßig auf und das Listenansichtselement ist ein Rechtspfeil, um die Symbole zu vereinheitlichen. Standardmäßig ist die kumulative Auswertung nicht wie im Bild oben dargestellt.
Code kopieren
Dieses Problem wurde behoben. Die vollständige Seite lautet wie folgt:
Code kopieren
In Verbindung stehende Artikel
Mehr sehen- Eine eingehende Analyse der Bootstrap-Listengruppenkomponente
- Detaillierte Erläuterung des JavaScript-Funktions-Curryings
- Vollständiges Beispiel für die Generierung von JS-Passwörtern und die Erkennung der Stärke (mit Download des Demo-Quellcodes)
- Angularjs integriert WeChat UI (weui)
- Wie man mit JavaScript schnell zwischen traditionellem Chinesisch und vereinfachtem Chinesisch wechselt und wie Websites den Wechsel zwischen vereinfachtem und traditionellem Chinesisch unterstützen – Javascript-Kenntnisse