Dropdown Menü funktioniert nicht auf Smartphone?

...komplette Frage anzeigen

5 Antworten

im FF und Chrom sehe ich kein menü-icon, im IE schon, das reagiert aber nicht.

bei jquery ist mir noch nie das backtick ` als syntaktisches element begegnet, kann sein das browserabhänging das als quote ' oder " interpretiert wird.

$(`nav`) oder $('nav') ist aber bestimmt falsch:  punkt fehlt: 

$('.nav')

versuch mal in

$(`.menucon`).click(function() {
$(`nav`).slideToggle(`slow`);


das ` durch ' zu ersetzen. und den punkt nicht vergessen.

Antwort bewerten Vielen Dank für Deine Bewertung
Sarkophator 06.04.2016, 03:09

Das dir Backticks bisher in JavaScript noch nicht (bzw. kaum) begegnet sind, liegt daran, dass diese ein neuer Zusatz des ECMAScript 2015 Standards (ES6) sind. Sie sind in dem Sinne auch bekannt als "Template strings" bzw. "Template literals" und ermöglichen es, Scripts in Strings einzubetten:

let i = 5;
console.log(`i = ${i}`); // Ausgabe: i = 5

Außerdem werden sie mehrzeilig interpretiert, weshalb man Zeilenumbrüche nicht manuell einfügen braucht:

console.log(`Dieser Text wird
mehrzeilig ausgegeben`);
// Ausgabe:
// Dieser Text wird
// mehrzeilig ausgegeben

Was in den "${}" steht, ist dabei egal. Angezeigt wird am Ende der Rückgabewert davon.

Es lassen sich damit noch viel mehr machen, hier ein Link zum MDN über die Templatestrings/Template literals:

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals

Der Nachteil ist natürlich, dass diese etwas langsamer sind. (Vergleichbar mit Doublequote aus PHP)

2

maximilianus7 hat dein Problem wahrscheinlich gefunden, ich führs jetzt nur nochmal etwas genauer aus:

Du benutzt Templatestrings, um die Elemente mittels jQuery zu selektieren. Da diese ein neues Feature des ES6 Drafts sind, sind sie noch nicht von allen Browsern auf allen Systemen unterstützt, mal abgesehen davon dass man sie sowieso nur nutzen sollte, wenn man sie braucht. (U.a. weil sie auch langsamer sind) Da die Selektoren auch keinerlei Variabilität oder dergleichen besitzen, machen die Templatestrings hier erst recht keinen wirklichen Sinn. Also einfach Backtick durch doppelte/einfache Anführungszeichen ersetzen und gut ist.

Templatestrings scheinen bei den Mobilgeräten aktuell nur unter iOS9 unterstützt zu sein. Genauere Angaben zur Kompatibilität (und zur Kompatibilität der anderen ES6 Features) findest du auf:

https://kangax.github.io/compat-table/es6/

Antwort bewerten Vielen Dank für Deine Bewertung
maximilianus7 06.04.2016, 13:46

d.h. dass das $-Zeichen eine andere bedeutung hat als bei jquery. nach einbindung  von jquery am anfang ist ja $ als abkürzung von "jquery" definiert. d.h. wohl, dass place holders {...} gar nicht ersetzt werden - was hier aber keine rolle spielt.

was für ein wirrwar!   

0

Hallo,

also bei mir funktioniert es am Handy problemlos. Lediglich etwas klein.

Öffnet sich das Menü denn gar nicht ? Hast du es mal mit einem anderen Browser probiert ?

MfG Nico

Antwort bewerten Vielen Dank für Deine Bewertung
Noahvh 05.04.2016, 22:32

Klappt es sich problem aus? Bei dem Smartphone Menü sollen die li Punkte erst zu sehen sein wenn man auf das Icon oben links klickt, war es so bei dir, oder war es ein ganz normales Menü?

0
greenstar19 05.04.2016, 23:11
@Noahvh

Es war ganz normal, ich klicke auf den Button und das Menü öffnet sich. 

0

Die Website heißt: nhh.bplaced.net

Antwort bewerten Vielen Dank für Deine Bewertung

Funktioniert doch

Antwort bewerten Vielen Dank für Deine Bewertung
Noahvh 05.04.2016, 22:33

Bei mir nicht, klappt es sich ganz normal aus?

0
ikinikin 06.04.2016, 06:54
@Noahvh

Ja. Wenn man halt auf das Icon drückt. Das Icon ist aber am Handy noch zu klein. Und die Leiste zu dünn

0

Was möchtest Du wissen?