|
|||
jquery mobile funktioniert nicht?
Guten morgen.
Im voraus schonmal: den code kann ich noch nicht posten, denn ich poste gerade von einem mobilen endgerät und hab erst morgen wieder zugriff auf meinen pc. aber vllt. Kann mir wer beim grundproblem schon weiter helfen. ich habe 6 verschiedene div-tags. Alle blende ich per jquery aus mit hide(). alles funktioniert wunderbar. Aber sobald ich jquery durch jquery-mobile ersetze, funktioniert es nicht mehr. jquery- mobile hab ich übrigends auch 'jquery.js' genannt. So wie das standard jquery auch, damit ich keine dateinamen ändern muss. Also das ich einen schreibfehler habe kann ich ausschließen. Ach ja. Die seite die mit jquery mobile plötzlich nicht mehr funktioniert habe ich auf dem computer mit mehreren browsern ( ie. Chrome. Ff) sowie auf meinem smartphone getestet. funktioniert leider nicht. lg gruen |
Sponsored Links |
|
|||
Achsooooooo
das wusste ich nicht, aber wenn das so ist dann ist es ja völlig logisch das es nicht klappen kann. Ich danke dir. Gleich morgen probiere ich es aus. <Edit> so hi, hab ne kurze minute . also es stimmt tatsächlich das es, wenn ich beide jquery dateien einbinde, wieder funktioniert. allerdings leider nicht auf meinem android-device. (komplettes neuland... genau wie html ) ich zeig euch mal was ich soweit habe... kurz erklährung: es werden 6 div's angezeigt, welche erstmal lediglich als button fungieren. diese ersten 6 div's stellen mein hauptmenue dar. wenn ich ein div anklicke, verschwinden alle (und in zukunft werden neue erstellt werden) das problem auf dem mobilen device jetzt ist, das dieses verschwinden nichtmehr funktioniert. also auf dem pc funktionierts, auf dem android phone nicht. ich glaub nicht das es von bedeutung ist, aber ich hab das samsung galaxy s4 HTML-code. HTML-Code:
<!doctype html> <Html> <head> <title>Kurz Test</title> <meta http-equiv="content-type" content="text/html; charset=utf-8"><!-- äüö werden korekt dargestellt--> <link rel="stylesheet" type="text/css" href="css/templates.css" title="Hauptmenue"><!-- verweis auf css--> <script type="text/javascript" src="js/funktionen.js"></script> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery_mobile.js"></script> </head> <Body> <div class="button rechts" id="1" onClick="hide(this)"> 1 </div> <div class="button links"id="2" onClick="hide(this)"> 2 </div> <div class="button rechts"id="3" onClick="hide(this)"> 3 </div> <div class="button links"id="4" onClick="hide(this)"> 4 </div> <div class="button rechts"id="5" onClick="hide(this)"> 5 </div> <!--<section>Hallo</section> <footer>Hier stehen Inhalte des Footers</footer>--> </Body> </html> Code:
/*********allgemeine formatierungen*/ *{ margin: 0px; padding: 0px; } html,body { background:#000000; } /*************layout*/ .button{ font-size:large; text-align:center; line-height:10em; /*höhe einer zeile gleich divhöhe*/ width: 46%; height: 10em; color: #ffffff;/*schrift-farbe*/ background: #00701d; } .rechts{ float: right; /*textfluss rechts*/ margin-top: 2%; margin-right: 2.5%; } .links{ float: left; /*textfluss links*/ margin-top: 2%; margin-left: 2.5%; } Code:
var menue = new Array(); menue[1] = "#1"; menue[2] = "#2"; menue[3] = "#3"; menue[4] = "#4"; menue[5] = "#5"; menue[6] = "#6"; function hide(test){ for(var i=1; i<menue.length; ++i){ $(menue[i]).hide(); /*alert(test.id);*/ } } Geändert von Gruen (26.05.2013 um 00:07 Uhr) |
|
||||
Der Edit war löblich, dadurch habe ich allerdings nicht gesehen, dass hier was Neues aufgetaucht ist.
Ich habe dir ja hier schon gesagt, dass ich andere Frameworks für geeigneter halte, die bzw. zumindest Enyo bietet bessere Möglichkeiten zur Navigation schon von Hause aus. Das hätte dir einiges der Handarbeit erspart. Ein paar allgemeine Hinweise zum CSS:
Im HTML solltest du Tags und Attribute immer klein schreiben, bei den XML-Varianten ist das Pflicht und bei HTML heutzutage wohl defacto-Standard. Im Javascript solltest du new Array in der Regel nicht verwenden, sondern statt dessen [], das ist schneller. Dein Javascript sollte nach den Bibliotheken eingebunden werden. Vielleicht ist es das woran sich Android stößt (obwohl es eigentlich in der Reihenfolge funktionieren müsste, aber nur solange du die Funktion so deklarierst - besser ist es immer die Bibliotheken zuerst zu laden, das beugt Fehlern vor). Javascript hängt man eigentlich nicht im HTML ein, ich halte das für schlechten Stil. Wenn du es so machst, brauchst du deine hide-Funktion gar nicht mehr: Code:
$(document).ready(function() { $('.button').click(function() { $('.button').hide(); }); }); |
|
|||
Vielen dank für die ganzen tipps. Ich hab ja erst angefangen html js und css zu lernen und bin somit
Für jeden Tipp dankbar. also die reihenfolge ist nicht das problem hab ich eben auf die schnell3 mal getestet. Zitat:
habs so namlich in einem tutorial gelernt Ich versuche die tage mal deinen code zu verwenden und melde mich dann wieder. |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
jQuery Mobile | Chris2011 | Javascript & Ajax | 11 | 21.08.2012 09:19 |
Suche Jquery Mobile Entwickler/Programmierer (Auftragsarbeit) | newbie2004 | Offtopic | 0 | 24.11.2011 12:57 |
jQuery Mobile | Chris2011 | Javascript & Ajax | 2 | 19.07.2011 15:08 |
jquery funktioniert nicht mehr nach content-replacement mit ajax | vase2k | Javascript & Ajax | 3 | 30.11.2009 10:47 |
jQuery funktioniert nicht | ed the horse | Javascript & Ajax | 7 | 29.09.2008 22:35 |