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

WBOY
Freigeben: 2016-05-16 16:14:58
Original
969 Leute haben es durchsucht

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.

Code kopieren Der Code lautet wie folgt:


                             

                                                                                                                                                                                              
  • Kumulative Bewertungen

  •                                                                                                                                                                                                                            

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
Die dritte Schwelle ist das im Titel erwähnte Problem (das Kopfbild ist der Endeffekt)

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

Der Code lautet wie folgt:

Dieses Problem wurde behoben. Die vollständige Seite lautet wie folgt:

Code kopieren

Der Code lautet wie folgt:

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
">
http://www.w3.org/1999/xhtml">

   
   
   
   
   
   
   
   
   
   


   

       

           
data-expanded-icon="arrow-u" data-collapsed-icon="arrow-d">
               

                   

医院介绍


                   


               

               

                   

套餐相关信息


                   


               

               

                   

使用须知


                   


               

               

                   

查看地图


                   


               

               

               

& Lt; div dat-role = "content" style = "border: solide #ccc; Grenzbreite: 0 1px;" & gt;
                             

                                                                                                                                                                                              
  • Kumulative Auswertung

  •                                                                                                                                                                                                                                                                                                                                                                                                                                     






Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er gefällt Ihnen allen.
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage