zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Javascript & Ajax
Seite neu laden element richtig ansprechen mit jquery

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 20.09.2011, 00:10
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 02.09.2011
Beiträge: 48
Schokokrapfen befindet sich auf einem aufstrebenden Ast
Frage element richtig ansprechen mit jquery

Hallo!

Ich bin grad dabei ein Drop-down-menu zu erstellen. Ich versuchs zumindest. =) Es funktioniert nämlich einfach nicht. Ich schätze mal, dass ich die Elemente iwie falsch anspreche.
Das hier ist meine Navigation (html). ich möchte, dass "Kontaktformular" und "Weg zu uns" unter "Kontakt" aufklappt.

Code:
<div id="navigation">		
	<ul>
		<li class="active">
			<h2><a href="kontakt.html" title="Nehmen Sie zu uns Kontakt auf">Kontakt</a><h2/>
			<ul>
				<li >
					<a href="kontaktformular.html" title="Schreiben Sie uns">Kontaktformular</a>
				</li>
				<li >
					<a href="wegzuuns.html" title="So kommen Sie zu uns">Weg zu uns</a>
				</li>
			</ul>
		</li>
	</ul>
</div>
Diesen Code hab ich in jquery geschrieben:
Code:
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
	$("li.active").hover(
		function(){
			$(this).parent('ul').children('ul').slideDown();
			},
		function(){
			$(this).parent.('ul').children('ul').slideUp();
		}
	);
	}
</script>
Naja, leider funktioniert das irgendwie nicht. Sieht irgendwer wo mein fehler liegen könnte?

Schon mal danke!
Lg Schokokrapfen
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 20.09.2011, 11:16
$("#mettbröttchen");
XHTMLforum-Mitglied
 
Registriert seit: 28.09.2010
Ort: Bremen
Beiträge: 448
zeji wird schon bald berühmt werden
Standard

Schonmal darauf geachtet wieviel Klammern du öffnest und wieiviele du schließt?

Ausserdem sind deine Selektoren totaler Blödsinn, du versuchst zuerst das Elternelement von li.active und von diesem das Kindelement ul zu selektieren, macht keinen Sinn.

besser du benutzt einfach .find('ul'):

Code:
$('li.active').find('ul')
Gruß

Geändert von zeji (20.09.2011 um 11:22 Uhr)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 20.09.2011, 11:26
Benutzerbild von hemfrie
Administrator
XHTMLforum-Kenner
 
Registriert seit: 18.12.2003
Ort: Düsseldorf
Beiträge: 2.776
hemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannt
Standard

Hallo,

Dein h2 Element ist fehlerhaft geschlossen und deshalb kommt jQuery mit den Elementen durcheinander.

Das parent('ul') ist nicht notwendig.

Code:
$(this).children('ul').slideDown();
Mit Zitat antworten
  #4 (permalink)  
Alt 20.09.2011, 11:36
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 02.09.2011
Beiträge: 48
Schokokrapfen befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von zeji Beitrag anzeigen
Schonmal darauf geachtet wieviel Klammern du öffnest und wieiviele du schließt?
oh man habs grad gesehn danke!

Zitat:
Zitat von zeji Beitrag anzeigen
Ausserdem sind deine Selektoren totaler Blödsinn
ja das ist mir klar deswegen frag ich ja, weil ichs ned so ganz check!

Zitat:
Zitat von zeji Beitrag anzeigen
besser du benutzt einfach .find('ul'):

Code:
$('li.active').find('ul')
hmmm also des hab ich grad versucht, aber irgendwie klappt des bei mir auch ned so ganz...
soll ich des dann so machen:
Code:
$(document).ready(function(){
	$("li.active").hover(
		function(){
			$('li.active').find('ul').slideDown();
			},
		function(){
			$('li.active').find('ul').slideUp();
		}
	);
	}
);
?

SG
Mit Zitat antworten
  #5 (permalink)  
Alt 20.09.2011, 11:42
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 02.09.2011
Beiträge: 48
Schokokrapfen befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von hemfrie Beitrag anzeigen
Dein h2 Element ist fehlerhaft geschlossen
ja habs gesehn... man beim h1 hab ichs richtig gemacht...

Zitat:
Zitat von hemfrie Beitrag anzeigen
Das parent('ul') ist nicht notwendig.
habs weg gemacht und jetzt funktionierts dass es rein scrollt! also schonmal vielen dank!
Jetzt is noch des Problem dass es nicht rausscrollt

SG
Mit Zitat antworten
  #6 (permalink)  
Alt 20.09.2011, 11:46
Benutzerbild von hemfrie
Administrator
XHTMLforum-Kenner
 
Registriert seit: 18.12.2003
Ort: Düsseldorf
Beiträge: 2.776
hemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannt
Standard

Vielleicht vergessen das parent('ul') auch beim SlideUp rauszunehmen?

Soll sich das ganze wie hier verhalten?
slide (down/up) - jsFiddle - Online Editor for the Web (JavaScript, MooTools, jQuery, Prototype, YUI, Glow and Dojo, HTML, CSS)
Mit Zitat antworten
  #7 (permalink)  
Alt 20.09.2011, 11:52
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 02.09.2011
Beiträge: 48
Schokokrapfen befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von Schokokrapfen Beitrag anzeigen
hmmm also des hab ich grad versucht, aber irgendwie klappt des bei mir auch ned so ganz...
Also des funtioniert jetzt seitdem ich des h2 ausgebessert hab.
Insgesamt hab ich aber 3 Submenüs. Jetzt klappen alle drei Menüs gleichzeitig auf. Wie beheb ich das jetzt am besten?

Hier nochmall der "komplettere" Code:
Code:
<ul>
	<li class="active">
		<h2><a href="produkte.html" title="Erfahren Sie mehr über unsere Produkte">Produkte</a></h2>
		<ul>
			<li >
			<a href="uebersicht.html" title="Erhalten Sie eine Übersicht über unsere Produkte">Produktübersicht</a>
			</li>
			<li >
			<a href="systemg2.html" title="Erfahren Sie mehr über das Produkt">System G2</a>
			</li>
			<li >
			<a href="systemr8.html" title="Erfahren Sie mehr über das Produkt">System R8</a>
			</li>
		</ul>
	</li>	
			
	<li class="active">
		<h2><a href="kontakt.html" title="Nehmen Sie zu uns Kontakt auf">Kontakt</a></h2>
		<ul>
			<li >
			<a href="kontaktformular.html" title="Schreiben Sie uns">Kontaktformular</a>
			</li>
			<li >
			<a href="wegzuuns.html" title="So kommen Sie zu uns">Weg zu uns</a>
			</li>
		</ul>
	</li>
			
	<li class="active">
		<h2><a href="ueberuns.html" title="Erfahren Sie mehr über uns">Über uns</a></h2>
		<ul>
			<li >
			<a href="firmengeschichte.html" title="Unsere Firmengeschichte">Firmengeschichte</a>
			</li>
			<li >
			<a href="firmenphilosophie.html" title="Unsere Firmenphilosophie">Firmenphilosophie</a>
			</li>
		</ul>
	</li>
</ul>
SG
Mit Zitat antworten
  #8 (permalink)  
Alt 20.09.2011, 11:57
Benutzerbild von hemfrie
Administrator
XHTMLforum-Kenner
 
Registriert seit: 18.12.2003
Ort: Düsseldorf
Beiträge: 2.776
hemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannt
Standard

hmm, bei mir klappen die einzelnd auf.

Siehe => slide (down/up) - jsFiddle - Online Editor for the Web (JavaScript, MooTools, jQuery, Prototype, YUI, Glow and Dojo, HTML, CSS)
Mit Zitat antworten
  #9 (permalink)  
Alt 20.09.2011, 12:01
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 02.09.2011
Beiträge: 48
Schokokrapfen befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von hemfrie Beitrag anzeigen
Vielleicht vergessen das parent('ul') auch beim SlideUp rauszunehmen?
oh man ich Vollidiot *rotwerd*
ja jetzt funktionierts.
super vielen dank schonmal!!
jetzt ist nur noch die Sache, dass das Submenü von Anfang an auf ist. D.h. es klappt zu, wenn man mit der Maus einmal drauf war und runter geht.
Ich will aber natürlich dass es am Anfang zu ist. Was hab ich da jetzt schon wieder für einen dummen Fehler gemacht??

Zitat:
Zitat von hemfrie Beitrag anzeigen
Soll sich das ganze wie hier verhalten?
?
aber es soll sich z.B. so verhalten: Schuhe & Mode versandkostenfrei online kaufen | ZALANDO wenn man mit der Maus z.B. über "Schuhe" fährt (tut mir Leid dass es dieser Link ist =) Frauen)

SG

Geändert von Schokokrapfen (20.09.2011 um 12:04 Uhr)
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 20.09.2011, 12:06
Benutzerbild von hemfrie
Administrator
XHTMLforum-Kenner
 
Registriert seit: 18.12.2003
Ort: Düsseldorf
Beiträge: 2.776
hemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannt
Standard

Zitat:
Zitat von Schokokrapfen Beitrag anzeigen
Ich will aber natürlich dass es am Anfang zu ist. Was hab ich da jetzt schon wieder für einen dummen Fehler gemacht??
Schau Dir das CSS an, dass ich bei jsFiddle eingefügt habe.
Da blende ich erstmal alle Untermenüs aus.
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Element mit mehreren Klassen ansprechen Sysop CSS 6 03.04.2012 15:07
Bestimmtes Element über CSS ansprechen Fragestunde CSS 6 21.07.2009 20:35
[XHTML] HTML Kompatibilitätsrichtlinen 2.0a1 gato (X)HTML 9 18.11.2007 13:28
Element label über id ansprechen Evoli CSS 8 28.08.2007 14:36
Übergeordnetes Element ansprechen Kurland CSS 6 15.09.2006 11:22


Alle Zeitangaben in WEZ +2. Es ist jetzt 19:06 Uhr.