|
|||
Responsive mobile Menu Text entfernen?
Hallo,
ich arbeite gerade an einer Website mit Wordpress bei der auf Handys und kleinen Endgeräten das Menu als Dropdown Auswahlliste dargestellt wird. Ich möchte gerne, dass im Dropdwon der Beschreibungstext verschwindet. Mein Menu ist wie folgt aufgebaut: Code:
<ul id="menu-hauptmenu"> <li><a href="#">Willkommen<span>Schön dass Sie zu mir gefunden haben</span></a></li> </ul> Für die Umwandlung dieses Menus in ein Dropdown Menu auf kleinen Geräten verwende ich folgendes Javascript: Code:
//create the mobile menu function createMenu($this){ if(isList($this)){ //generate select element as a string to append via jQuery var selectString = '<select id="mobileMenu_'+$this.attr('id')+'" class="mobileMenu">'; //create first option (no value) selectString += '<option value="">'+settings.topOptionText+'</option>'; //loop through list items $this.find('li').each(function(){ //when sub-item, indent var levelStr = ''; var len = $(this).parents('ul, ol').length; for(i=1;i<len;i++){levelStr += settings.indentString;} //get url and text for option var link = $(this).find('a:first-child').attr('href'); var text = levelStr + $(this).clone().children('ul, ol').remove().end().text(); //add option selectString += '<option value="'+link+'">'+text+'</option>'; }); selectString += '</select>'; //append select element to ul/ol's container $this.parent().append(selectString); //add change event handler for mobile menu $('#mobileMenu_'+$this.attr('id')).change(function(){ goToPage($(this)); }); //hide current menu, show mobile menu showMenu($this); } else { alert('mobileMenu will only work with UL or OL elements!'); } } |
Sponsored Links |
|
|||
Ui habs doch hinbekommen.
Ich habe einfach dem <span> Element einen Klassennamen gegeben "descr" und entferne es dann in der Funktion über remove: Code:
//loop through list items $this.find('li').each(function(){ $('.descr').remove(); Ich habe aber noch ein Problem mit ähnlichem Hintergrund. Und werden in der Seite die Bilder über Prettyphot angezeigt. Wenn man jetzt auf dem Handy die Bilder betrachtet, macht das keinen Sinn, weil diese dann quasi kleiner dargestellt werden als das thumbnail an sich ist. Ich würde halt gerne die Funktion dann auf Handys deaktivieren. Wie kann ich eine Funktion erstellen die bei einer Bestimmten Fenstergröße das "rel" attribut entfernt? Ich dachte an so etwas, weiß aber nicht genau wie ich das ausformulieren muss: Code:
function removelightbox() { if(screen.width < 500){ entferne bei jedem Bild das "rel" attribut } } sorry für die andere Frage noch, aber ich wollte keinen extra Beitrag dafür erstellen. |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Wrapper wächst nicht mit, keine Floats | maclady | CSS | 11 | 10.02.2010 18:30 |
Wachsende Container | Andy CD | CSS | 13 | 10.02.2010 14:08 |
DIV bis GANZ unten | burnZ | CSS | 5 | 27.07.2008 14:14 |
Helft mir. Ich habe voll die Leseschwäche | nick | CSS | 12 | 15.01.2008 21:52 |
Problem mit div und Höhe | deep4 | CSS | 2 | 13.11.2007 21:03 |